@charset "utf-8";
/* moved by compressor */
[data-omcookie-panel-show] {
  cursor: pointer;
}
.om-cookie-panel {
  padding: 25px;
  z-index: 9999;
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  opacity: 0;
  box-sizing: border-box;
  border-top: 1px solid #666;
  font-size: 16px;
  transform: translateY(100%) translateX(0);
  transition: transform 0.5s ease, opacity 0.3s;
  text-align: center;
}
@media (min-width: 1024px) {
  .om-cookie-panel {
    width: 50vw;
    left: 50%;
    transform: translateY(100%) translateX(-50%);
    border-left: 1px solid #666;
    border-right: 1px solid #666;
  }
}
.om-cookie-panel.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}
@media (min-width: 1024px) {
  .om-cookie-panel.active {
    transform: translateY(0) translateX(-50%);
  }
}
.om-cookie-panel h3 {
  margin: 0;
  padding: 0 0 1em;
  text-align: left;
}
.om-cookie-panel p {
  margin: 0;
  padding: 1em 0;
  line-height:1.2em;
}
.om-cookie-panel .cookie-panel__checkbox {
  display: none;
}
.om-cookie-panel .cookie-panel__checkbox + label {
  cursor: pointer;
  line-height: 1.1;
  font-weight: 400;
  display: block;
}
.om-cookie-panel .cookie-panel__checkbox + label::before {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  border: 2px solid #618105;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
}
.om-cookie-panel .cookie-panel__checkbox:checked + label::before {
  box-shadow: inset 0 0 0 3px #fff;
  background-color: #618105;
}
.om-cookie-panel .cookie-panel__checkbox--state-inactiv + label::before {
  border-color: #666;
}
.om-cookie-panel .cookie-panel__checkbox--state-inactiv:checked + label::before {
  background-color: #666;
}
.om-cookie-panel .cookie-panel__checkbox-wrap {
  display: inline-block;
  line-height: 1.1;
}
.om-cookie-panel .cookie-panel__checkbox-wrap + .cookie-panel__checkbox-wrap {
  margin-left: 15px;
}
.om-cookie-panel .cookie-panel__description {
  clear: both;
}
.om-cookie-panel .cookie-panel__link {
  padding-top: 1em;
}
.om-cookie-panel .cookie-panel__button {
  background: #666;
  color: #fff;
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  display: block;
  width: 100%;
  cursor: pointer;
  font-size: 1em;
}
.om-cookie-panel .cookie-panel__button + .cookie-panel__button {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .om-cookie-panel .cookie-panel__button {
    width: auto;
    display: inline-block;
  }
  .om-cookie-panel .cookie-panel__button + .cookie-panel__button {
    margin-top: 0;
  }
}
.om-cookie-panel .cookie-panel__links {
  display: flex;
  margin: 1em -0.5em 0;
}
.om-cookie-panel .cookie-panel__links a {
  color: #666;
}
.om-cookie-panel .cookie-panel__links > .cookie-panel__link {
  padding: 0 .5em;
}
.om-cookie-panel .cookie-panel__button--color--green {
  background-color:#7eab1e;
  color: #000;
}
.om-cookie-panel .cookie-panel__attribution {
  position: absolute;
  bottom: 5px;
  right: 25px;
  font-size: 9px;
  font-style: italic;
  text-align: center;
}
.om-cookie-panel .cookie-panel__attribution a {
  color: inherit;
  text-decoration: none;
}
.om-cookie-info table {
  border: 1px solid black;
  border-collapse: collapse;
}
.om-cookie-info table th,
.om-cookie-info table td {
  padding: 10px 5px;
  border: 1px solid black;
}
.om-cookie-info table p {
  margin-top: 0;
}
.om-cookie-info table p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
/*# sourceMappingURL=cookie_panel.css.map */


   /* ------- Farbcodes -------- *//*
Berief Grün:  rgb(135,177,17)  #87b111; (Blatt links Original)
Berief Grün:  rgb(140,190,33)  #8cbe21; (Logo, verwendet)
   10% Grün:  rgb(126,171,30)  #7eab1e; [für große Überschriften)                                       
   20% Grün:  rgb(112,144,26)  #70981a;
                               #53a82c;  andere Farbtemperatur, gerde eben bei AA ab 18pt barrierefrei
   25% Grün:  rgb(105,142,25)  #6a8919;
   30% Grün:  rgb( 98,133,23)  #628517;

   
   weiss auf grün -> #fff auf #008900; */
 
  
/* --- Schriftarten lokal einbinden --- */

/* bensom 2 regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Besom 2';
  font-weight: normal;
  font-style: 400;
  src: url('../../../fileadmin/template/fonts/besom-handwritten-brush-font-webfont.woff2') format('woff2'),
       url('../../../fileadmin/template/fonts/besom-handwritten-brush-font-webfont.ttf') format('truetype');
}

/* archivo-narrow-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-regular.woff2') format('woff2'),
       url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-regular.ttf') format('truetype');
}

/* archivo-narrow-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 400;
  src: url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-italic.woff2') format('woff2'),
       url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-italic.ttf') format('truetype');
}

/* archivo-narrow-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 500;
  src: url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-500.woff2') format('woff2'),
       url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-500.ttf') format('truetype');
}

/* archivo-narrow-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 500;
  src: url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-500italic.woff2') format('woff2'),
       url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-500italic.ttf') format('truetype');
}

/* archivo-narrow-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-600.woff2') format('woff2'),
       url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-600.ttf') format('truetype');
}

/* archivo-narrow-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 600;
  src: url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-600italic.woff2') format('woff2'),
       url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-600italic.ttf') format('truetype');
}

/* archivo-narrow-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-700.woff2') format('woff2'),
       url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-700.ttf') format('truetype');
}

/* archivo-narrow-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 700;
  src: url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-700italic.woff2') format('woff2'),
       url('../../../fileadmin/template/fonts/archivo-narrow-v34-latin-700italic.ttf') format('truetype');
}

/* --- alle Abstaende und Raender auschalten --- */
* { margin:0px; padding:0px; border:0px none; }

/* --- bei Links die Hervorhebung durch den Browser auschalten --- */
a:active, a:focus { outline-width:0; outline-style:none; outline-color:currentcolor; }

/* --- wichtige Styles, um Fehler in der default-style von TYPO3 zu verhindern --- */
div.csc-textpic { position:relative; top:0px; overflow:hidden; }
div.csc-textpic .csc-textpic-imagewrap img { border:none; display:block; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin:0; padding:0; border:none; }

/* --- Die oft verwendeten Styles position:relative, position:absolute und overflow:hidden in Klasse packen --- */
.rehi { position:relative; overflow:hidden;  }
.abhi { position:absolute; overflow:hidden;  }
.fihi { position:fixed;    overflow:hidden;  }
.revi { position:relative; overflow:visible; }
.abvi { position:absolute; overflow:visible; }
.fivi { position:fixed;    overflow:visible; }

/* --- Die oft verwendeten Styles für background-colour, display:none und clear:both in Klasse packen --- */
.vishid { visibility:hidden; }
.hide   { display:none; }
.clear  { clear:both; }
.fade   { opacity:0; }
.nobr   { white-space:nowrap; }
 
  
  
/* ======================================================================================================================================= */
/* ===========================================       Gemeinsame Styles für alle Viewports      =========================================== */
/* ======================================================================================================================================= */
 
/* ------------------------------------------------- Styles fuer mehrfach verwendete Systemklassen ------------------------- */
.inner { width:100%; box-sizing:border-box; margin:0 auto 0; max-width:1300px; transition:height 0.4 ease-in-out; }
 
@media screen and (min-width:1000px)                      { .inner { padding:0 40px 0; } .inner.full { padding:0; } }
@media screen and (min-width:700px) and (max-width:999px) { .inner { padding:0 30px 0; } .inner.full { padding:0; } }
@media screen and (min-width:500px) and (max-width:699px) { .inner { padding:0 20px 0; } .inner.full { padding:0; } }
@media screen and (max-width:499px)                       { .inner { padding:0 10px 0; } .inner.full { padding:0; } }

.oneHalfLine    { width:100%; height:10px; }
.oneLine        { width:100%; height:20px; }
.threeHalfLine  { width:100%; height:30px; }
.twoLines       { width:100%; height:40px; }
.fiveHalfLine   { width:100%; height:50px; }
.threeLine      { width:100%; height:60px; }
.sevenHalfLine  { width:100%; height:70px; }
.fourLine       { width:100%; height:80px; }
.nineHalfLine   { width:100%; height:90px; }
.fiveLine       { width:100%; height:100px; }
.twelveHalfLine { width:100%; height:110px; }
.sixLine        { width:100%; height:120px; }

@media screen and (min-width:1280px)                        {  .desktophide { display:none; } }
@media screen and (min-width:1000px) and (max-width:1279px) {     .landhide { display:none; } }
@media screen and (min-width:700px)  and (max-width:999px)  { .portraithide { display:none; } }
@media screen and (max-width:699px)                         {   .mobilehide { display:none; } }


/* ------------------------------------------------- Styles fuer Positionierung der Grundbloecke ------------------------- */
html, body { background-color:#fff; }

.skip-link        { display:block; position:absolute; left:50%; top:0; transform:translate(-140%, -120px); width:1px; height:1px; padding:0 20px 4px; overflow:hidden; z-index:92;
                    font-size:20px; font-weight:500; line-height:30px; color:#8cbe21; text-decoration:none; }
.skip-link:focus,
.skip-link:active { width:auto; height:auto; background-color:#8cbe21; color:#fff; border-radius:10px; transform:translate(-140%, 20px); }


/*frames*/
#site { width:100%; z-index:1; background:url('../../../fileadmin/template/graphics/structur-paper.jpg') repeat 0 0; }
@media screen and (min-width:1000px) {
  /*header*/		
  #headerTag {  }
  #site .headerHigh { height:200px; transition:height 0.4 ease-in-out; }
  #site.headSteps .headerHigh  { transition:none; }
  #site.headShrink .headerHigh  { transition:height 0.4 ease-in-out; }
  /*groundHeader*/
  #frameGroundHeader   { width:100%; left:0; top:0; z-index:91; }
  #groundHeader        { width:100%; background-color:#fff; z-index:91; }
  #groundHeaderInner   { z-index:91; }
  #groundHeaderHigh    { z-index:91; }
  #logoTop             { left:50%; top:18px; height:122px; width:auto; transform:translate(-52%, 0); z-index:93; }
  #logoTop a           { display:block; height:100%; width:auto; margin:0; padding:0; outline-width:0; outline-style:none; outline-color:currentcolor; }
  #logoTop img         { height:100%; width:auto; border:2px solid transparent; border-bottom:0 none; border-radius:20px 20px 0 0; box-sizing:border-box; }
  #logoTop a:focus img { border:2px solid #8cbe21; border-bottom:0 none; }
  #deskLeaf            { left:0; bottom:0; width:15%; height:0; transform:translate(-6%, 75%); padding-bottom:10.44%; z-index:90; }
  #deskLeafInner       { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/blaetter-kopf.png') 0 0 no-repeat; background-size:100% 100%; }
  #headerRipEdge       { left:0; bottom:0; width:100%; height:0; transform:translate(0, 99%); padding-bottom:1.171875%; z-index:91; }
  #headerRipEdgeInner  { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/damaged-border_white_end2.png') 0 0 no-repeat; background-size:100% 100%; }
  /*header*/
  #frameHeader  { position:fixed; right:0; top:0; width:100%; height:0; overflow:visible; z-index:95; }
  #header       { position:absolute; left:0; top:160px; width:100%; height:40px; overflow:visible; transition:height 0.4 ease-in-out; z-index:95; }
  #headerInner  { position:relative; width:100%; height:100%; max-width:1300px; margin:0 auto 0; overflow:visible; z-index:95; }
  /*#navLang      { position:absolute; right:0; top:-130px; width:200px; height:300; border:1px solid red; overflow:hidden; }*/
  #navHead      { position:absolute; left:0; top:0; width:100%; height:100%; overflow:visible; }
  #navHeadInner { position:relative; width:100%; box-sizing:border-box; padding:0 40px 0; height:100%; overflow:visible;  }
  #navActivity  { position:absolute; right:189px; top:-140px; width:100px; height:35px; overflow:hidden; }
  #navSocial    { position:absolute; right:33px; top:-145px; width:150px; height:37px; overflow:hidden; }
  /*headShrink*/
  #site.headShrink .headerHigh  { height:87px; }         /* 200 */
  #site.headShrink #logoTop     { height:42px; top:4px } /* 120 18 */
  #site.headShrink #header      { top:47px; }            /* 160 */
  #site.headShrink #navActivity { top:-42px; }           /* -141 */
  #site.headShrink #navSocial   { top:-47px; }           /* -145 */
  /* #site.headShrink #navLang     {  } */ 
}
@media screen and (max-width:999px) {
  /*header*/
  #headerTag  {  }
  #site .headerHigh { height:140px; transition:height 0.4 ease-in-out; }
  #site.headSteps .headerHigh  { transition:none; }
  #site.headShrink .headerHigh  { transition:height 0.4 ease-in-out; }
  /*groundHeader*/
  #frameGroundHeader   { left:0; top:0; width:100%; z-index:91; }
  #groundHeader        { width:100%; background-color:#fff; z-index:91; }
  #groundHeaderInner   { z-index:91; }
  #groundHeaderHigh    { z-index:91; }
  #navBasket           { left:3px; top:50px; width:38px; height:38px; z-index:92; }
  #navBasket img       { width:100%; height:auto; }
  #logoTop             { left:50%; top:14px; height:112px; width:auto; transform:translate(-52%, 0); z-index:93; }
  #logoTop a           { display:block; height:100%; width:auto; margin:0; padding:0; outline-width:0; outline-style:none; outline-color:currentcolor; }
  #logoTop img         { height:100%; width:auto; border:2px solid transparent; border-bottom:0 none; box-sizing:border-box; }
  #logoTop a:focus img { border:1px solid #8cbe21; }
  #headerRipEdge       { left:0; bottom:0; width:100%; height:0; transform:translate(0, 99%); padding-bottom:1.171875%; z-index:91; }
  #headerRipEdgeInner  { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/damaged-border_white_end2.png') 0 0 no-repeat; background-size:100% 100%; }
  /*header*/
  #frameHeader       { position:fixed; left:0; top:0; width:100%;  height:0; overflow:visible; z-index:94; }
  #maskGrey          { right:0; top:0; width:0; height:100%; cursor:pointer; background-color:rgba(0,0,0,0); transition:background-color 0.3s ease-out; z-index:95; }
  #maskGrey.active   { width:100%; }	
  #maskGrey.grey     { background-color:rgba(0,0,0,0.4); transition: background-color 0.3s ease-out; }
  #header            { position:absolute; right:-30px; top:0px; width:100%; max-width:0; background-color:#fff; transition:max-width 0.3s ease-out; overflow:visible; z-index:96; }
  #header.active     { max-width:360px; right:0; transition: all 0.6s ease-in-out; }
  #header.low.active { overflow-x:hidden; overflow-x:no-display; overflow-y:auto; }
  #header.open       { max-width:360px; right:0; transition: all 0.6s ease-in-out; }
  #header.low.open   { overflow-x:hidden; overflow-x:no-display; overflow-y:auto; }
  #headerInner       { position:relative; width:100%; min-width:260px; height:auto; overflow:hidden; padding-top:100px; z-index:96; }
  /*#navLang           { position:absolute; right:0; top:-130px; width:200px; height:300; border:1px solid red; overflow:hidden; }*/
  #navHead           { position:relative; width:100%; height:auto; overflow:hidden; }
  #navHeadInner      { position:relative; width:100%; height:auto; overflow:hidden; }
  #navActivity       { position:relative; width:250px; height:39px; margin:20px auto 0; overflow:hidden; }
  #navSocial         { position:relative; width:150px; height:37px; margin:25px auto 0; overflow:hidden; }
  #mobileLeaf        { width:100px; height:51px; margin:25px auto 0;
                       background:url('../../../fileadmin/template/graphics/blaetter-mobile.png') 0 0 no-repeat; background-size:100% 100%; }
  #mobileRipEdge     { left:0; top:0; width:30px; height:100%; transform:translate(-30px, 0); z-index:97;
                       background:url('../../../fileadmin/template/graphics/damaged-border-mobile.png') 0 0 no-repeat; background-size:30px 100%; }
  /*burger*/
  #burger                    { right:30px; top:46px; width:48px; height:48px; cursor:pointer; transition:height 0.4 ease-in-out; z-index:98; }
  #burger .lineUp            { right:3px; top:8px; width:42px; height:6px; transition: all 0.2s ease-out;
                               background:url('../../../fileadmin/template/graphics/burgerline_88.png') 0 0 no-repeat; background-size:100% 100%; }
  #burger .lineCenter        { right:3px; top:20px; width:42px; height:6px; opacity:1; transition: all 0.2s ease-out;
                               background:url('../../../fileadmin/template/graphics/burgerline_88.png') 0 0 no-repeat; background-size:100% 100%; }
  #burger .lineDown          { right:3px; top:32px; width:42px; height:6px; transition: all 0.2s ease-out;
                               background:url('../../../fileadmin/template/graphics/burgerline_88.png') 0 0 no-repeat; background-size:100% 100%; }
  #burger.active .lineUp     { right:3px; top:20px; transform:rotate(-45deg); }
  #burger.active .lineCenter { opacity:0; } 
  #burger.active .lineDown   { right:3px; top:20px; transform:rotate(45deg); }
  /*headShrink*/
  #site.headShrink .headerHigh  { height:70px; }         /* 140 */
  #site.headShrink #logoTop     { height:62px; top:4px } /* 110 14 */
  /* #site.headShrink #navLang    {  } */
  #site.headShrink #navBasket   { top:16px; }            /* 50 */
  #site.headShrink #burger      { top:12px; }            /* 46 */
  #site.headShrink #headerInner { padding-top:66px; }    /* 100 */
}

/*banner*/
#frameBanner           { width:100%; z-index:1; }
#frameBanner img,
#frameBanner picture   { display:block; width:100%; height:auto; margin:0; padding:0; overflow:hidden; }
#bannerMaskTop         {  }
#bannerMaskBottom      { left:0; bottom:0px; transform:translate(0, 50%); width:100%; height:0; padding-bottom:2.604166%; z-index:2; }
#bannerMaskBottomInner { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/damaged-border_paper.png') no-repeat 0 0; background-size:100% 100%; }

#frameBannerslider           { width:100%; z-index:1; }
#frameBannerslider.white     { background-color:#fff; }
#frameBannerslider.paper     { background-color:transparent; }
#bannerslider                { width:100%; z-index:1; }
.bannersliderItem            { width:100%; z-index:1; }
.bannersliderItem img,
.bannersliderItem picture    { display:block; width:100%; height:auto; margin:0; padding:0; overflow:hidden; }
#bannersliderMaskBottom      { left:0; bottom:40px; width:100%; height:0; padding-bottom:1.171875%; z-index:2; }
#bannersliderMaskBottomInner { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/damaged-border_white_start2.png') no-repeat 0 0; background-size:100% 100%; }

#bannersliderMaskBottom.paper      { transform:translate(0, 50%); padding-bottom:2.604166%; padding-bottom:1.171875%; }
#bannersliderMaskBottomInner.paper { background:url('../../../fileadmin/template/graphics/damaged-border_paper.png') no-repeat 0 0; background-size:100% 100%; }

/*content*/
@media screen and (min-width:1000px) {
#contentSpacer { width:100%; height:200px; transition:height 0.4 ease-in-out; }
}
@media screen and (max-width:999px) {
#contentSpacer { width:100%; height:140px; transition:height 0.4 ease-in-out; }
}
#frameFullContent { width:100%; z-index:1; }
#articleTag       {  }

/*footer*/
#frameFooter        { width:100%; margin-top:40px; z-index:1; background-color:#fff; }
#footerRipEdge      { left:0; top:0; width:100%; height:0; transform:translate(0, -100%); padding-bottom:1.171875%; z-index:2; }
#footerRipEdgeInner { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/damaged-border_white_start2.png') 0 0 no-repeat; background-size:100% 100%; }
#footer             { padding:50px 0 50px; }
#footerTag          { display:block; position:relative; width:auto; height:auto; overflow:hidden; }
#footerLeft         { float:left; width:30%; min-height:10px; }
#logoFoot           { margin:0 auto 0; width:180px; }
#logoFoot img       { width:100%; height:auto; }
#footerCenter       { float:left; width:40%; min-height:10px; }
#navFoot            { width:100%; margin-top:49px; }
#footerRight        { float:left; width:30%; min-height:10px; }
#socialFoot         { width:150px; margin-top:97px; }
#textFoot           { width:100%; margin-top:5px;
                      font-size:16px; line-height:30px; text-decoration:none; color:#000; }

@media screen and (min-width:700px) and (max-width:999px) {
  #logoFoot   { width:150px; }
  #navFoot    { margin-top:22px; }
  #socialFoot { margin-top:40px; }
}
@media screen and (max-width:699px) {
  #footer       { padding:20px 0 20px; }
  #footerLeft   { float:none; width:100%; }
  #logoFoot     { margin:0 auto 0; width:180px; }
  #footerCenter { float:none; width:100%; margin-top:20px; }
  #navFoot      { margin:0; }
  #footerRight  { float:none; width:100%; margin-top:20px; }
  #socialFoot   { margin:0 auto 0; }
  #textFoot     { text-align:center; }
}
  
 
/* ------------------------------------------------- Styles fuer die Top-Navigation  ------------------------------------------------ */

@media screen and (min-width:1000px) {
  #navHead ul.firstul        { display:block; position:relative; width:100%; height:40px; list-style:none; overflow:visible; vertical-align:top; }
  #navHead li.first          { display:block; float:left; position:relative; height:40px; overflow:visible; }
  #navHead li.first a.f,
  #navHead li.first button.f { display:block; width:100%; height:40px; margin:0; padding:0; border:none; border-radius:0; background-color:transparent; cursor:pointer; overflow:hidden;
							   font-family:'Besom 2', 'Times New Roman', Times, serif; font-size:30px; line-height:40px; font-weight:300; text-transform:uppercase; text-decoration:none;
							   border-radius:10px; transition: all 0.2s ease-in-out; }
  #navHead li.first .foMask  { display:block; position:absolute; top:0; width:15%; height:100%; width:20px; background-color:transparent; overflow:hidden; display:none; z-index:96;
							   transition: all 0.2s ease-in-out; }

  /*Navigation 7 Menüpunkte*/
  #navHead li.first:nth-child(1) { width:12.369625%; }
  #navHead li.first:nth-child(1) a.f, #navHead li.first:nth-child(1) button.f { text-align:left; border-radius:0 10px 10px 0; }
  #navHead li.first:nth-child(1) a.f .foMask, #navHead li.first:nth-child(1) button.f .foMask { display:block; left:0; transform:translate(-100%, 0); border-radius:10px 0 0 10px; }
  #navHead li.first:nth-child(2) { width:12.994525%; }
  #navHead li.first:nth-child(2) a.f, #navHead li.first:nth-child(2) button.f { text-align:center; }
  #navHead li.first:nth-child(3) { width:11.744625%; }
  #navHead li.first:nth-child(3) a.f, #navHead li.first:nth-child(3) button.f { text-align:center; }
  #navHead li.first:nth-child(4) { width:17.760250%; }
  #navHead li.first:nth-child(4) a.f, #navHead li.first:nth-child(4) button.f { text-align:center; }
  #navHead li.first:nth-child(5) { width:16.979000%; }
  #navHead li.first:nth-child(5) a.f, #navHead li.first:nth-child(5) button.f { text-align:center; }
  #navHead li.first:nth-child(6) { width:12.730250%; }
  #navHead li.first:nth-child(6) a.f, #navHead li.first:nth-child(6) button.f { text-align:center; }
  #navHead li.first:nth-child(7) { width:15.416500%; }
  #navHead li.first:nth-child(7) a.f, #navHead li.first:nth-child(7) button.f { text-align:right; border-radius:10px 0 0 10px; }
  #navHead li.first:nth-child(7) a.f .foMask, #navHead li.first:nth-child(7) button.f .foMask { display:block; right:0; transform:translate(100%, 0); border-radius:0 10px 10px 0; }
					   
  /*Navigation 6 Menüpunkte - ohne Rezepte (3) *//*
  #navHead li.first:nth-child(1) { width:14.327062%; }
  #navHead li.first:nth-child(1) a.f, #navHead li.first:nth-child(1) button.f { text-align:left; border-radius:0 10px 10px 0; }
  #navHead li.first:nth-child(1) a.f .foMask, #navHead li.first:nth-child(1) button.f .foMask { display:block; left:0; transform:translate(-100%, 0); border-radius:10px 0 0 10px; }
  #navHead li.first:nth-child(2) { width:14.951962%; }
  #navHead li.first:nth-child(2) a.f, #navHead li.first:nth-child(3) button.f { text-align:center; }
  /****************************//*
  #navHead li.first:nth-child(3) { width:19.717687%; }
  #navHead li.first:nth-child(3) a.f, #navHead li.first:nth-child(4) button.f { text-align:center; }
  #navHead li.first:nth-child(4) { width:18.936437%; }
  #navHead li.first:nth-child(4) a.f, #navHead li.first:nth-child(5) button.f { text-align:center; }
  #navHead li.first:nth-child(5) { width:14.687687%; }
  #navHead li.first:nth-child(5) a.f, #navHead li.first:nth-child(6) button.f { text-align:center; }
  #navHead li.first:nth-child(6) { width:17.373937%; }
  #navHead li.first:nth-child(7) a.f, #navHead li.first:nth-child(7) button.f { text-align:right; border-radius:10px 0 0 10px; }
  #navHead li.first:nth-child(7) a.f .foMask, #navHead li.first:nth-child(7) button.f .foMask { display:block; right:0; transform:translate(100%, 0); border-radius:0 10px 10px 0; } */
					   
  #navHead li.first.no a.f,
  #navHead li.first.no button.f        { color:#000; }
  #navHead li.first.act a.f,
  #navHead li.first.act button.f       { color:#8cbe21; }
  
  #navHead li.first.no a.f:hover,
  #navHead li.first.no button.f:hover,
  #navHead li.first.act a.f:hover,
  #navHead li.first.act button.f:hover  { color:#8cbe21; }
  
  #navHead li.first.no a.f:focus,
  #navHead li.first.no button.f:focus,
  #navHead li.first.act a.f:focus,
  #navHead li.first.act button.f:focus  { color:#fff; background-color:#8cbe21; outline-width:0; outline-style:none; outline-color:currentcolor; }
  #navHead li.first a.f:focus .foMask,
  #navHead li.first button.f:focus .foMask{ background-color:#8cbe21; }
  
  #navHead li.first.no a.f.blockFocus:focus,
  #navHead li.first.no button.f.blockFocus:focus    { color:#000; background-color:transparent; }
  #navHead li.first.act a.f.blockFocus:focus,
  #navHead li.first.act button.f.blockFocus:focus   { color:#8cbe21; background-color:transparent; }
  #navHead li.first a.f.blockFocus:focus .foMask,
  #navHead li.first button.f.blockFocus:focus .foMask{ background-color:transparent; }
  
  #navHead ul.secondul       { display:block; position:absolute; top:43px; padding:0; left:50%; transform:translate(-50%, 0); list-style:none; overflow:hidden; border-radius:10px; }
  #navHead li.second         { display:block; text-align:center; background-color:#8cbe21; overflow:hidden; }
  #navHead li.second a.s     { display:block; padding:0 15px 0; margin:5px 5px; font-size:20px; line-height:30px; border-radius:10px; background-color:transparent;
						       text-transform:none; white-space:nowrap; color:#fff; color:#000; }
							   
  #navHead li.first:nth-child(7) ul.secondul { left:55%; transition: all 0.2s ease-in-out; }
							   
  #navHead li.second.no a.s  { text-decoration:none; }
  #navHead li.second.act a.s { text-decoration:underline; } 
  
  #navHead li.second:first-child { padding-top:10px; }
  #navHead li.second:last-child  { padding-bottom:10px; }
  
  #navHead li.second.no:hover a.s,
  #navHead li.second.act:hover a.s { text-decoration:underline; }
  
  #navHead li.second a.s:focus { background-color:#fff; color:#8cbe21; outline-width:0; outline-style:none; outline-color:currentcolor; }
  #navHead li.second.no a.s:focus { text-decoration:none; }
  #navHead li.second.act a.s:focus { text-decoration:underline; }

  #navHead li.second a.s.blockFocus:focus { background-color:#8cbe21; color:#fff; color:#000; }
  #navHead li.second.no a.s.blockFocus:focus { text-decoration:none; }
  #navHead li.second.act a.s.blockFocus:focus { text-decoration:underline; }
  
  #navHead li.first ul.secondul       { max-height:0px; transition: all 0.3s ease-in-out; }
  #navHead li.first:hover ul.secondul { max-height:400px; transition: all 0.5s ease-in-out; }
  #navHead li.first.drop ul.secondul  { max-height:400px; transition: all 0.5s ease-in-out; }
  
  #navHead li.first button.f:focus+ul.secondul { max-height:500px; transition: all 0.5s ease-in-out; }
  #navHead li.first button.f.active+ul.secondul { max-height:500px; transition: all 0.5s ease-in-out; }
}
@media screen and (min-width:1080px) (max-width:1299px) {
  #navHead li.first:nth-child(7) ul.secondul { left:50%; }
}
@media screen and (min-width:1080px) and (max-width:1199px) {
  #navHead li.first a.f,
  #navHead li.first button.f { font-size:27px; }
  #navHead li.second a.s     { padding:0 18px 0; font-size:19px; line-height:38px; }  
}
@media screen and (min-width:1000px) and (max-width:1099px) {
  #navHead li.first a.f,
  #navHead li.first button.f { font-size:25px; }
  #navHead li.second a.s     { padding:0 15px 0; font-size:18px; line-height:36px; }
  
}
@media screen and (max-width:999px) {
  #navHead ul                  { display:block; position:relative; list-style:none; width:100%; text-align:left; overflow:hidden; }
  #navHead ul.firstul          { list-style:none; }
  #navHead li.first            { display:block; position:relative; overflow:hidden; }
  #navHead li.first a.f,
  #navHead li.first button.f   { display:block; margin:0; width:100%; box-sizing:border-box; background-color:transparent; text-align:center; cursor:pointer; overflow:hidden;
                                 font-family:'Besom 2', 'Times New Roman', Times, serif; font-size:30px; line-height:60px; font-weight:300; text-transform:uppercase; text-decoration:none; }

  #navHead li.first.no a.f,
  #navHead li.first.no button.f        { color:#000; }
  #navHead li.first.act a.f,
  #navHead li.first.act button.f       { color:#8cbe21; }
  
  #navHead li.first.no a.f:focus,
  #navHead li.first.no button.f:focus,
  #navHead li.first.act a.f:focus,
  #navHead li.first.act button.f:focus  { color:#fff; color:#000; background-color:#8cbe21; }
  
  #navHead li.first.no a.f.blockFocus:focus,
  #navHead li.first.no button.f.blockFocus:focus    { color:#000; background-color:transparent; }
  #navHead li.first.act a.f.blockFocus:focus,
  #navHead li.first.act button.f.blockFocus:focus   { color:#8cbe21; background-color:transparent; }
  
  
  #navHead ul.secondul          { display:block; position:relative; list-style:none; overflow:hidden; }
  #navHead li.second            { display:block; position:relative; overflow:hidden; }
  #navHead li.second:last-child { margin-bottom:30px; }
  #navHead li.second a          { display:block; width:100%; background-color:transparent;
                                  font-size:21px; line-height:50px; text-transform:none; text-decoration:none; text-align:center; white-space:nowrap; }
 
  #navHead li.second.no a.s        { color:#000; }
  #navHead li.second.act a.s       { color:#8cbe21; }
  
  #navHead li.second.no a.s:focus       { color:#fff; background-color:#8cbe21; }
  #navHead li.second.act a.s:focus      { color:#fff; background-color:#8cbe21; }  
  
  #navHead li.second.no a.s.blockFocus:focus       { color:#000; background-color:transparent; }
  #navHead li.second.act a.s.blockFocus:focus      { color:#8cbe21; background-color:transparent; }
    
  #navHead li.first ul.secondul            { max-height:0;     transition: max-height 0.6s ease-out; }
  #navHead li.first.drop ul.secondul       { max-height:400px; transition: all 0.5s ease-in-out; }
  #navHead .toggelfirst.active+ul.secondul { max-height:400px; transition: max-height 0.8s ease-in-out; }
  #navHead .toggelfirst:focus+ul.secondul  { max-height:400px; transition: max-height 0.8s ease-in-out; }
}


/* ---------------------------------------------------- Styles fuer Fussnavigationen --------------------------------------------------- */
#navFoot ul        { display:block; position:relative; width:80%; margin:0 auto 0; list-style:none; overflow:hidden; }
#navFoot li.feet   { display:block; position:relative; float:left; width:55%; }
#navFoot li.feet a { display:block; width:100%; text-align:left;
                     font-size:16px; line-height:30px; text-decoration:none; color:#000; }

#navFoot li.feet:nth-child(2n+2) { width:45%; }

#navFoot li.feet a:focus { color:#fff; background-color:#8cbe21; }

#navFoot li.feet a.blockFocus:focus { color:#000; background-color:transparent; }

@media screen and (min-width:700px) and (max-width:999px) {
  #navFoot ul { width:100%; margin:0 auto 0; }
}
@media screen and (max-width:699px) {
  #navFoot li.feet                 { float:none; width:100%; text-align:center; }
  #navFoot li.feet:nth-child(2n+2) { width:100%; }
  #navFoot li.feet a               { width:100%; text-align:center; }
}


/* ------------------------------------------------- Styles fuer die Social-Navigation  ------------------------------------------------ */
.socialul                { float:left; width:auto; }
.socialul li             { display:block; list-style:none; float:left; width:37px; height:37px; }
.socialul li:first-child { margin:0; }
.socialul li img         { width:100%; height:auto; }

.socialul .ico-Linkedin span.i  { background-image:url('../../../fileadmin/template/graphics/sm_linkedin.png'); }
.socialul .ico-facebook span.i  { background-image:url('../../../fileadmin/template/graphics/sm_facebook.png'); }
.socialul .ico-Instagram span.i { background-image:url('../../../fileadmin/template/graphics/sm_instagram.png'); }
.socialul .ico-Pinterest span.i { background-image:url('../../../fileadmin/template/graphics/sm_pinterest.png'); }

.socialul span.i { display:block; position:relative; width:37px; height:37px; background-repeat:no-repeat; background-position:6px 6px; background-size:25px 25px; overflow:hidden; }
.socialul span.t { display:none; }
 
  
/* ---------------------------------------------------- Styles fuer Sprachnavigation --------------------------------------------------- *//*
.lang       { float:left; width:33px; height:31px; border:2px solid #fff; text-align:center;
              font-size:19px; font-style:normal; line-height:31px; font-weight:500; }
.lang a     { font-size:19px; font-style:normal; line-height:31px; font-weight:500; text-decoration:none; }
.langfirst  { margin:0 10px 0 0; }
.langsecond { margin:0; }
.lang.no    { background-color:#fff; color:#f19100; }
.lang.no a  { color:#f19100; }
.lang.act   { background-color:transparent; color:#fff; }
.lang.act a { color:#fff; }

.lang.no:hover   { background-color:#f19100; color:#fff; transition:all 0.3s ease-in-out; }
.lang.no:hover a { color:#fff; transition:all 0.3s ease-in-out; }

@media screen and (max-width:510px) {
.lang       { width:29px; height:27px; font-size:17px; line-height:27px; }
.lang a     { font-size:17px; line-height:27px; }
.langfirst  { margin:1px 12px 6px 2px; }
.langsecond { margin:1px 2px 6px; }
}


/* ------------------------------------------------- Styles Bilder im Text ------------------------------------------------ *//*
.ce-textpic { margin:0; padding:0; border:none; width:100%; }

.ce-above .ce-textpic { padding-bottom:10px; }
.ce-below .ce-textpic { padding-top:10px; }

.ce-image,
.ce-gallery { margin:0; padding:0; border:none; }

.ce-row,
.ce-outer,
.ce-inner,
.ce-column,
.ce-media,
.image                       { margin:0; padding:0; border:none; width:100%; }
.image-spacer                { width:100%; height:0; } 
.image img                   { width:100%; height:auto; }
.image-caption-spacer        { width:100%; height:0; }
.image-caption-spacer.top    { padding-bottom:0.8%; }
.image-caption-spacer.bottom {  }
.image-caption               { width:100%; box-sizing:border-box; }

.video                       { margin:0; padding:0; border:none; width:100%; }
.video-embed                 { position:relative; margin:0; padding:0; border:none; width:100%; height:auto; overflow:hidden; }
.video-embed video           { margin:0; padding:0; border:none; width:100%; }
.video-caption-spacer        { width:100%; height:0; }
.video-caption-spacer.top    { padding-bottom:0.8%; }
.video-caption-spacer.bottom {  }
.video-caption               { width:100%; box-sizing:border-box; }

.video-embed-youtube                         { background-color:#333; position:relative; width:100%; height:0; padding-bottom:52.75%; overflow:hidden; }
.video-embed-youtube iframe.video-embed-item { background-color:#333; position:absolute; top:0; left:0; width:100%; height:100%; }

.video-embed-youtube-box             { width:100%; height:auto; }
.video-embed-youtube-placeholder     { width:100%; height:auto; }
.video-embed-youtube-placeholder img { width:100%; height:auto; cursor:pointer; }

.video-embed-youtube-box .youtube-button       { top:50%; left:50%; width:79px; height:56px; cursor:pointer; z-index:2;
                                                 -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
                                                 background:url('../../../fileadmin/template/graphics/youtube_play.png') 0 0 no-repeat; background-size:100%; }
.video-embed-youtube-box:hover .youtube-button { background:url('../../../fileadmin/template/graphics/youtube_play_hover.png') 0 0 no-repeat; background-size:100%; }


/* ---------------------------------------------------------- Styles fuer die Schriften -------------------------------------------------------------- */
html { font-family:'Archivo Narrow', Arial, Helvetica, sans-serif; font-weight:400; line-height:1.4em; color:#000; }

.text p   { padding-bottom:0.5em; }

.text p a,
.text li a { text-decoration:none; font-weight:500; color:#7eab1e; background-color:transparent; }

.text .black { color:#000; }
.text .green { color:#7eab1e; }

.text b,
.text strong { font-weight:600; }

.text a .black, .text .black a { color:#000; }
.text a .green, .text .green a { color:#7eab1e; }

.text p a:focus,
.text li a:focus { color:#fff; background-color:#7eab1e; }

.text p a.blockFocus:focus,
.text li a.blockFocus:focus { color:#7eab1e; background-color:transparent; }

.text p a:hover,
.text li a:hover { text-decoration:underline; }

.p-smaller,
.s-smaller { font-size:0.8em; }

.image-caption,
.video-caption { font-weight:400; }

.text h1            { font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; line-height:1em; text-transform:uppercase; font-weight:300; }
.text h1.h1-smaller { font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; line-height:1em; text-transform:uppercase; font-weight:300; }
.text h2.h2-bigger  { font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; line-height:1em; text-transform:uppercase; font-weight:300; }
.text h2            { font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; line-height:1em; text-transform:uppercase; font-weight:300; }
.text h2.h2-smaller { font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; line-height:1em; text-transform:uppercase; font-weight:300; }
.text h3            { font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; line-height:1em; text-transform:uppercase; font-weight:300; }
.text h3.h3-smaller { font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; line-height:1em; text-transform:uppercase; font-weight:300; }

.text h2 h3 { line-height:40px; }

.headerSecondH0 { font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; padding:0; text-transform:uppercase; font-weight:300; }
.headerSecondH1 { font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; padding:0; text-transform:uppercase; font-weight:300; }
.headerSecondH2 { font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; padding:0; text-transform:uppercase; font-weight:300; }

.text h1.green, .text h2.green, .text h3.green, .text h4.green,
.text h1 .headerSecond.green, .text h2 .headerSecond.green, .text h3 .headerSecond.green, .text h4 .headerSecond.green { color:#7eab1e; /*10%*/}

.text h1 a, .text h2.h2-bigger a, .text h2 a, .text h2.h2-smaller a, .text h3 a, .text h4 a { text-decoration:none; }

.text h1.black a, .text h2.black a, .text h3.black a, .text h4.black a
.text h1 .headerSecond.black, .text h2 .headerSecond.black, .text h3 .headerSecond.black, .text h4 .headerSecond.black { color:000; /* 10%*/}
.text h1.green a, .text h2.green a, .text h3.green a, .text h4.green a
.text h1 .headerSecond.green, .text h2 .headerSecond.green, .text h3 .headerSecond.green, .text h4 .headerSecond.green { color:#7eab1e; /* 10%*/}

.headerPosition-center { text-align:center; }
.headerPosition-left   { text-align:left; }
.headerPosition-right  { text-align:right; }

@media screen and (min-width:1260px) {
.text h1, .text h2.h2-bigger,  .headerSecondH0 { font-size:75px; line-height:70px; }
.text h2, .text h1.h1-smaller, .headerSecondH1 { font-size:60px; line-height:60px; }
.text h3, .text h2.h2-smaller, .headerSecondH2 { font-size:35px; line-height:35px; }
.text h3.h3-smaller                            { font-size:30px; }
html                                           { font-size:20px; } 
}
@media screen and (min-width:1000px) and (max-width:1259px) {
.text h1, .text h2.h2-bigger,  .headerSecondH0 { font-size:65px; line-height:60px; }
.text h2, .text h1.h1-smaller, .headerSecondH1 { font-size:55px; line-height:50px; }
.text h3, .text h2.h2-smaller, .headerSecondH2 { font-size:34px; line-height:34px; }
.text h3.h3-smaller                            { font-size:28px; }
html                                           { font-size:19px; line-height:1.3em; }
}
@media screen and (min-width:700px) and (max-width:999px) {
.text h1, .text h2.h2-bigger,  .headerSecondH0 { font-size:60px; line-height:55px; }
.text h2, .text h1.h1-smaller, .headerSecondH1 { font-size:50px; line-height:50px; }
.text h3, .text h2.h2-smaller, .headerSecondH2 { font-size:32px; line-height:32px; }
.text h3.h3-smaller                            { font-size:26px; }
html                                           { font-size:19px; line-height:1.3em; }
}
@media screen and (min-width:440px) and (max-width:699px) {
.text h1, .text h2.h2-bigger,  .headerSecondH0 { font-size:55px; line-height:50px; }
.text h2, .text h1.h1-smaller, .headerSecondH1 { font-size:45px; line-height:45px; }
.text h3, .text h2.h2-smaller, .headerSecondH2 { font-size:31px; line-height:31px; }
.text h3.h3-smaller                            { font-size:25px; }
html                                           { font-size:18px; line-height:1.2em; }
}
@media screen and (max-width:439px) {
.text h1, .text h2.h2-bigger,  .headerSecondH0 { font-size:50px; line-height:45px; }
.text h2, .text h1.h1-smaller, .headerSecondH1 { font-size:40px; line-height:40px; }
.text h3, .text h2.h2-smaller, .headerSecondH2 { font-size:30px; line-height:30px; }
.text h3.h3-smaller                            { font-size:24px; }
html                                           { font-size:18px; line-height:1.2em; }
}

.text-left   { text-align:left; } 
.text-center { text-align:center; } 
.text-right,
.text-end    { text-align:right; } 

.titleTextBodytext ul,
.pictureTextBodytext ul    { list-style-position:outside; margin:0 0 10px; }
.titleTextBodytext ul li,
.pictureTextBodytext ul li { font-weight:400; margin-left:24px; padding-left:33px; margin-bottom:0.6em; list-style:none;
                             background:url('../../../fileadmin/template/graphics/icon-list.png') no-repeat 0 8px; background-size:26px 14px; }

.titleTextBodytext ol,
.pictureTextBodytext ol    { list-style-position:outside; margin:0 0 10px; }
.titleTextBodytext ol li,
.pictureTextBodytext ol li { font-weight:400; margin-left:36px; margin-bottom:0.3em; }
							 
.titleTextBodytext ul li ul,
.pictureTextBodytext ul li ul    { margin:0 0 10px; }
.titleTextBodytext ul li ul li,
.pictureTextBodytext ul li ul li { margin-left:0; }

.titleTextBodytext ol li ol,
.pictureTextBodytext ol li ol    { margin:0 0 10px; }
.titleTextBodytext ol li ol li,
.pictureTextBodytext ol li ol li { margin-left:0; }
							 
.titleTextBodytext h2,
.pictureTextBodytext h2 { padding-bottom:0.3em; }

@media screen and (min-width:1260px) and (max-width:1419px) { .text .element ul { margin-bottom:9px; } .text .element ul li { margin-left:22px; } }
@media screen and (min-width:1000px) and (max-width:1259px) { .text .element ul { margin-bottom:8px; } .text .element ul li { margin-left:20px; } }
@media screen and (min-width:700px) and (max-width:999px)   { .text .element ul { margin-bottom:7px; } .text .element ul li { margin-left:18px; } }
@media screen and (min-width:480px) and (max-width:699px)   { .text .element ul { margin-bottom:6px; } .text .element ul li { margin-left:17px; } }
@media screen and (max-width:479px)                         { .text .element ul { margin-bottom:5px; } .text .element ul li { margin-left:16px; } }
  
 
/* ------------------------------------------------- Styles fuer Buttons  ------------------------------------------------ */
.button              { width:100%; height:auto; }
.button.buttonLeft   { text-align:left;   }
.button.buttonCenter { text-align:center; }
.button.buttonRight  { text-align:right;  }

/*linked brushed button*/
.button.greenButton a                  { display:inline-block; width:auto; height:auto; padding:0 30px 1px; border:2px solid transparent; overflow:hidden;
                                         text-align:center; line-height:1em; text-decoration:none; color:#000; transition:scale 0.3s ease-in-out;
										 background-color:transparent; background:url('../../../fileadmin/template/graphics/background_button_green.svg') no-repeat 0 0; background-size:100% 100%; }
.button.greenButton a:hover            { scale:1.15; }
.button.greenButton a:focus            { border:2px solid #8cbe21; background-color:#8cbe21; background:url('../../../fileadmin/template/graphics/background_button_white.svg') no-repeat 0 0; background-size:100% 100%; }
.button.greenButton a.blockFocus:focus { border:2px solid transparent; background-color:transparent; background:url('../../../fileadmin/template/graphics/background_button_green.svg') no-repeat 0 0; background-size:100% 100%; }
.button.greenButton a span             { font-size:20px; line-height:45px; font-weight:500; }
.button.greenButton a span.small       { font-size:20px; line-height:29px; font-weight:500; }

.button.greenSmoothButton a                  { display:inline-block; width:auto; height:auto; overflow:hidden;
                                               text-align:center; text-decoration:none; color:#000; transition:scale 0.3s ease-in-out;
                                               background-color:#8cbe21; border:2px solid #8cbe21; border-radius:10px; line-height:1em; }
.button.greenSmoothButton a:hover            { scale:1.15; transition:scale 0.4s ease-in-out; }
.button.greenSmoothButton a:focus            { background-color:#fff; }
.button.greenSmoothButton a.blockFocus:focus { background-color:#8cbe21; }

#header .button.greenButton a:hover,
#header .button.greenSmoothButton a:hover { scale:1; transition:none; }


/*linked smooth button*/
.button.greenSmoothButton a span       { padding:0 20px 1px; font-size:20px; line-height:31px; font-weight:500; vertical-align:top; }
.button.greenSmoothButton a span.small { padding:0 10px 1px; font-size:20px; line-height:23px; font-weight:500; vertical-align:top; }

.button.buttonSpacerTop0 { margin-top:0; }
.button.buttonSpacerTop1 { margin-top:5px; }
.button.buttonSpacerTop2 { margin-top:10px; }
.button.buttonSpacerTop3 { margin-top:15px; }
.button.buttonSpacerTop4 { margin-top:20px; }
 
/*not linked div button*/
.buttonInnerStyle { display:inline-block; width:auto; height:auto; padding:0 30px 1px; border:2px solid transparent; overflow:hidden;
                    font-size:20px; line-height:45px; font-weight:400; text-align:center; text-decoration:none; color:#000; transition:scale 0.3s ease-in-out;
                    background-color:transparent; background:url('../../../fileadmin/template/graphics/background_button_green.png') no-repeat 0 0; background-size:100% 100%; }

.buttonInnerStyle:hover { scale:1.15; }



/* ----------------------------------------------- Styles fuer Linkbox über gesamtes Element ---------------------------------------------- */
.linkCoverAll     { left:0; bottom:0; width:100%; height:100%; z-index:19; }
.linkCoverAll a   { display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:0 none; outline:0 none; overflow:hidden; z-index:19;
                    text-decoration:none; }
.linkCoverAllSpan { display:block; position:relative; width:100%; height:100%; border:2px solid transparent; box-sizing:border-box; border-radius:10px; overflow:hidden;
                    text-decoration:none; color:transparent; }
 
.linkCoverAll a:focus .linkCoverAllSpan { border:2px solid #8cbe21; }
.linkCoverAll a.blockFocus:focus .linkCoverAllSpan { border:2px solid transparent; }

 
/* ------------------------------------------------- Styles fuer Inhaltsblöcke ------------------------------------------------ */
.text .element                 {  }
.text .element.white           { background-color:#fff; }
.text .element.transparent     { background-color:transparent; }
.text .element.damage-top      { margin-top:30px; }
.text .element.damage-bottom   { margin-bottom:30px; }
.text .element.switchScrollNav {  }
			
.text header               { display:block; position:relative; width:100%; margin:0; padding:0; overflow:hidden; }
.text .headerSpaceBottom0  { padding-bottom:0; }
.text .headerSpaceBottom1  { padding-bottom:5px; }
.text .headerSpaceBottom2  { padding-bottom:10px; }
.text .headerSpaceBottom3  { padding-bottom:15px; }
.text .headerSpaceBottom4  { padding-bottom:20px; }
.text .headerSpaceBottom5  { padding-bottom:25px; }
.text .headerSpaceBottom6  { padding-bottom:30px; }
.text .headerSpaceBottom7  { padding-bottom:35px; }
.text .headerSpaceBottom8  { padding-bottom:40px; }
.text .headerSpaceBottom9  { padding-bottom:45px; }
.text .headerSpaceBottom10 { padding-bottom:50px; }
.text .headerSpaceBottom11 { padding-bottom:55px; }
.text .headerSpaceBottom12 { padding-bottom:60px; }
.text .headerSpaceBottom13 { padding-bottom:65px; }
.text .headerSpaceBottom14 { padding-bottom:70px; }

.frameInner { width:100%; }

/* Abstand und Abrisskannte oben*/  
.elementDamageTop             { left:0; top:0; width:100%; height:0; transform:translate(0, -99%); z-index:2; }
.elementDamageTop.damageInner { padding-bottom:1.171875%; }
.elementDamageTopInner        { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/damaged-border_white_start2.png') no-repeat 0 0; background-size:100% 100%; }

.elementSpaceBefore0  { margin-bottom:0; }
.elementSpaceBefore1  { margin-bottom:5px; }
.elementSpaceBefore2  { margin-bottom:10px; }
.elementSpaceBefore3  { margin-bottom:15px; }
.elementSpaceBefore4  { margin-bottom:20px; }
.elementSpaceBefore5  { margin-bottom:25px; }
.elementSpaceBefore6  { margin-bottom:30px; }
.elementSpaceBefore7  { margin-bottom:35px; }
.elementSpaceBefore8  { margin-bottom:40px; }
.elementSpaceBefore9  { margin-bottom:45px; }
.elementSpaceBefore10 { margin-bottom:50px; }
.elementSpaceBefore11 { margin-bottom:55px; }
.elementSpaceBefore12 { margin-bottom:60px; }
.elementSpaceBefore13 { margin-bottom:65px; }
.elementSpaceBefore14 { margin-bottom:70px; }
.elementSpaceBefore15 { margin-bottom:75px; }
.elementSpaceBefore16 { margin-bottom:80px; }
.elementSpaceBefore17 { margin-bottom:85px; }
.elementSpaceBefore18 { margin-bottom:90px; }
.elementSpaceBefore19 { margin-bottom:95px; }
.elementSpaceBefore20 { margin-bottom:100px; }

/* Abstand und Abrisskannte unten*/
.elementDamageBottom             { left:0; bottom:0; width:100%; height:0; transform:translate(0, 99%); z-index:2; }
.elementDamageBottom.damageInner { padding-bottom:1.171875%; }
.elementDamageBottomInner        { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/damaged-border_white_end2.png') no-repeat 0 0; background-size:100% 100%; }

.elementSpaceAfter0  { margin-top:0; }
.elementSpaceAfter1  { margin-top:5px; }
.elementSpaceAfter2  { margin-top:10px; }
.elementSpaceAfter3  { margin-top:15px; }
.elementSpaceAfter4  { margin-top:20px; }
.elementSpaceAfter5  { margin-top:25px; }
.elementSpaceAfter6  { margin-top:30px; }
.elementSpaceAfter7  { margin-top:35px; }
.elementSpaceAfter8  { margin-top:40px; }
.elementSpaceAfter9  { margin-top:45px; }
.elementSpaceAfter10 { margin-top:50px; }
.elementSpaceAfter11 { margin-top:55px; }
.elementSpaceAfter12 { margin-top:60px; }
.elementSpaceAfter13 { margin-top:65px; }
.elementSpaceAfter14 { margin-top:70px; }
.elementSpaceAfter15 { margin-top:75px; }
.elementSpaceAfter16 { margin-top:80px; }
.elementSpaceAfter17 { margin-top:85px; }
.elementSpaceAfter18 { margin-top:90px; }
.elementSpaceAfter19 { margin-top:95px; }
.elementSpaceAfter20 { margin-top:100px; }

/* Icon Positionierung*/
.iconLeft   { float:left; }
.iconCenter { margin-left:auto; margin-right:auto; }
.iconRight  { float:right; }

.iconMaxWidth0 { max-width:100px; }
.iconMaxWidth1 { max-width:133px; }
.iconMaxWidth2 { max-width:166px; }
.iconMaxWidth3 { max-width:200px; }
.iconMaxWidth4 { max-width:233px; }
.iconMaxWidth5 { max-width:266px; }
.iconMaxWidth6 { max-width:300px; }
.iconMaxWidth7 { max-width:333px; }
.iconMaxWidth8 { max-width:366px; }
.iconMaxWidth9 { max-width:400px; }

.iconMinWidth0 { min-width:60px; }
.iconMinWidth1 { min-width:80px; }
.iconMinWidth2 { min-width:100px; }
.iconMinWidth3 { min-width:120px; }
.iconMinWidth4 { min-width:140px; }
.iconMinWidth5 { min-width:160px; }
.iconMinWidth6 { min-width:180px; }
.iconMinWidth7 { min-width:200px; }
.iconMinWidth8 { min-width:220px; }
.iconMinWidth9 { min-width:240px; }

.iconTop0 { margin-top:0; }
.iconTop1 { margin-top:5px; }
.iconTop2 { margin-top:10px; }
.iconTop3 { margin-top:15px; }
.iconTop4 { margin-top:20px; }
.iconTop5 { margin-top:25px; }
.iconTop6 { margin-top:30px; }
.iconTop7 { margin-top:35px; }
.iconTop8 { margin-top:40px; }

.iconCaptionSpace0 { padding-top:0; }
.iconCaptionSpace1 { padding-top:5px; }
.iconCaptionSpace2 { padding-top:10px; }
.iconCaptionSpace3 { padding-top:15px; }
.iconCaptionSpace4 { padding-top:20px; }


/* ______________________________________________________  */ 
/* elementTitleText ( title_text // Überschrift und Text ) */
.elementTitleText    {  }

.elementLeafTop      { width:100%; }
.elementLeafTopInner { width:120px; height:62px; margin:0 auto 0; background:url('../../../fileadmin/template/graphics/blaetter-text.png') no-repeat 0 0; background-size:100% 100%; }

.titleTextBodytext { width:100%; }

.titleTextButton      { width:100%; }
.titleTextButtonInner {  } /*button*/

  
/* ___________________________________________________________  */
/* elementPictureText ( picture_text // Ein Text und ein Bild ) */
.elementPictureText {  }
.pictureTextFrame   {  }

.pictureTextImageCol               { width:45%; }
.pictureTextImageCol.leftPos       { float:left; }
.pictureTextImageCol.rightPos      { float:right;  }
.pictureTextImageColInner          {  }
.pictureTextImageColInner.leftPos  {  }
.pictureTextImageColInner.rightPos {  }
.pictureTextImage                  { width:100%; }
.pictureTextImageInner             { width:100%; border-radius:10px; }

.pictureTextImageBackground0 { background-color:transparent; }
.pictureTextImageBackground1 { background-color:#fff; }
.pictureTextImageBackground2 { background-color:#8cbe21; } 

figure.image         { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
figure.image img,
figure.image picture { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

figure.video       { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
figure.video video { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

figcaption.imageCaption { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
      
.pictureTextBodytextCol               { width:45%; }
.pictureTextBodytextCol.rightPos      { float:right; } 
.pictureTextBodytextCol.leftPos       { float:left; }
.pictureTextBodytextColInner          {  }
.pictureTextBodytextColInner.rightPos {  }
.pictureTextBodytextColInner.leftPos  {  }

.pictureTextBodytext      { width:100%; }
.pictureTextBodytextInner {  }

.text .pictureTextBodytextInner.additionalSpaceH0 h1,
.text .pictureTextBodytextInner.additionalSpaceH0 h2,
.text .pictureTextBodytextInner.additionalSpaceH0 h3 { margin-bottom:0; }
.text .pictureTextBodytextInner.additionalSpaceH1 h1,
.text .pictureTextBodytextInner.additionalSpaceH1 h2,
.text .pictureTextBodytextInner.additionalSpaceH1 h3 { margin-bottom:5px; }
.text .pictureTextBodytextInner.additionalSpaceH2 h1,
.text .pictureTextBodytextInner.additionalSpaceH2 h2,
.text .pictureTextBodytextInner.additionalSpaceH2 h3 { margin-bottom:10px; }
.text .pictureTextBodytextInner.additionalSpaceH3 h1,
.text .pictureTextBodytextInner.additionalSpaceH3 h2,
.text .pictureTextBodytextInner.additionalSpaceH3 h3 { margin-bottom:15px; }
.text .pictureTextBodytextInner.additionalSpaceH4 h1,
.text .pictureTextBodytextInner.additionalSpaceH4 h2,
.text .pictureTextBodytextInner.additionalSpaceH4 h3 { margin-bottom:20px; }
.text .pictureTextBodytextInner.additionalSpaceH5 h1,
.text .pictureTextBodytextInner.additionalSpaceH5 h2,
.text .pictureTextBodytextInner.additionalSpaceH5 h3 { margin-bottom:25px; }
.text .pictureTextBodytextInner.additionalSpaceH6 h1,
.text .pictureTextBodytextInner.additionalSpaceH6 h2,
.text .pictureTextBodytextInner.additionalSpaceH6 h3 { margin-bottom:30px; }
.text .pictureTextBodytextInner.additionalSpaceH7 h1,
.text .pictureTextBodytextInner.additionalSpaceH7 h2,
.text .pictureTextBodytextInner.additionalSpaceH7 h3 { margin-bottom:35px; }
.text .pictureTextBodytextInner.additionalSpaceH8 h1,
.text .pictureTextBodytextInner.additionalSpaceH8 h2,
.text .pictureTextBodytextInner.additionalSpaceH8 h3 { margin-bottom:40px; }

.pictureTextIcon                    { width:100%; }
.pictureTextIconInner               { width:auto; }

.pictureTextIconInner figure.iconText      { width:auto; max-width:100%; }
.pictureTextIconInner figure.iconText a    { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.pictureTextIconInner figure.iconText img  { width:auto; max-width:100%; height:auto; }

figure.iconText         { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
figure.iconText img,    {  }
figure.iconText picture { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
figcaption.imageCaption { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

.pictureTextButton      { width:100%; }
.pictureTextButtonInner {  } /*button*/

@media screen and  (max-width:699px) { 
  .pictureTextImageCol    { width:100%; margin-bottom:20px; }
  .pictureTextBodytextCol { width:100%; }
  .pictureTextBodytextCol.forcedCenter .pictureTextBodytextInner { text-align:center !important; }
  .pictureTextBodytextCol.forcedLeft .pictureTextBodytextInner   { text-align:left !important; }
  .pictureTextBodytextCol.forcedRight .pictureTextBodytextInner  { text-align:right !important; }
  .pictureTextBodytextCol.forcedCenter .button { text-align:center !important; }
  .pictureTextBodytextCol.forcedLeft .button   { text-align:left !important; }
  .pictureTextBodytextCol.forcedRight .button  { text-align:right !important; }
}


/* _____________________________________________________  */
/* elementPolaroid ( polaroid_slider // Polaroid-Slider ) */
.elementPolaroid { width:100; }
.polaroidFrame   {   }

.polaroidItemFrame      { width:100%; height:auto; }
.polaroidItem           { width:100%; height:0; padding-bottom:55%; }
.polaroidItemInner      { left:0; top:0; width:100%; height:100%; }
.polaroidItemLeft       { left:0; top:50%; transform:translate(-50%,-50%) rotate(-45deg); z-index:2; transition:all 1s ease-out; }
.polaroidItemLeftInner  { margin:4.5% 4.6% 9% 4.5%; }
.polaroidItemRight      { right:0; top:50%; transform:translate(50%,-50%) rotate(45deg); z-index:3; transition:all 2s ease-out; }
.polaroidItemRightInner { margin:4.5% 4.6% 9% 4.5%; }

.polaroid { background-color:#fff; width:40%; height:auto; 
            -webkit-box-shadow: 0px 0px 17px -3px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 17px -3px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 17px -3px rgba(0, 0, 0, 0.75); }
			
.polaroidFrame .slick-current .polaroidItemLeft  { left:34%; top:48%; transform:translate(-50%,-50%) rotate(-2deg); z-index:2; }
.polaroidFrame .slick-current .polaroidItemRight { right:34%; top:52%; transform:translate(50%,-50%) rotate(4deg); z-index:3; }
.polaroidFrame .slick-dots li                    { margin:0 5px 0 !important; }
 
 
/* _________________________________________________________________________________  */
/* elementProductsTeaser ( products_sep // Produktbilder mit Hintergrund und Button ) */
.elementProductsTeaser { width:100%; }
.productsTeaserFrame { width:100%; }

.productsTeaserItem            { width:33.33%; }
.productsTeaserItemInner       { margin:10px; }
.productsTeaserItemBackground  { left:0; bottom:0; width:100%; height:82%; background-color:#fff; border-radius:8px; z-index:0; }
.productsTeaserItemImage       { width:54%; margin:0 23% 0; }
figure.image                   {  }
.productsTeaserItemTitel       { width:100%; margin-top:1%; }
.productsTeaserItemTitelInner  { margin:0; padding:0; text-align:center; }
.productsTeaserItemText        { width:90%; margin:3% auto 0; }
.productsTeaserItemTextInner   { text-align:center;  }

.productsTeaserItemButton      { width:100%; margin-top:7%; margin-bottom:5%; text-align:center; z-index:1;  }
.productsTeaserItemButtonInner {  }

@media screen and (min-width:1140px) {
  .productsTeaserFrame         { display:flex; justify-content:center; }
}
@media screen and (min-width:1000px) and (max-width:1139px) {
  .productsTeaserFrame { display:flex; justify-content:center; }
  .productsTeaserItem  { width:50%; }
}
@media screen and (min-width:600px) and (max-width:999px) {
  .productsTeaserFrame { display:flex; justify-content:center; }
  .productsTeaserItem  { width:50%; }
}
@media screen and (min-width:500px) and (max-width:599px) {
  .productsTeaserItem { width:100%; }
}
@media screen and (max-width:499px) {
  .productsTeaserItem { width:100%; }
}



/* ______________________________________ */
/* elementIcon ( icon // Einzelnes Icon ) */
.elementIcon   { width:100%; }
.iconArea      { width:100%; }
.iconAreaInner { width:auto; transition:scale 0.4s ease-in-out; }

.iconAreaInner.iconHover:hover { scale:1.15; transition:all 0.4s ease-in-out; }

.text .iconAreaInner,
.text .iconAreaInner a,
.text .iconAreaInner a figcaption.iconCaption { text-decoration:none; font-weight:400; color:#000; }

.text .iconAreaInner.greenCaption,
.text .iconAreaInner.greenCaption a,
.text .iconAreaInner.greenCaption a figcaption.iconCaption { text-decoration:none; font-weight:500; color:#8cbe21; }

.iconAreaInner.iconMinWidth figure.iconText     { width:auto; }
.iconAreaInner.iconMinWidth figure.iconText a   { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
.iconAreaInner.iconMinWidth figure.iconText img { display:block; position:relative; width:100%; height:auto; margin:0 auto 0; overflow:hidden; }

.iconAreaInner.iconMinWidth0 figure.iconText img { width:60px; }
.iconAreaInner.iconMinWidth1 figure.iconText img { width:80px; }
.iconAreaInner.iconMinWidth2 figure.iconText img { width:100px; }
.iconAreaInner.iconMinWidth3 figure.iconText img { width:120px; }
.iconAreaInner.iconMinWidth4 figure.iconText img { width:140px; }
.iconAreaInner.iconMinWidth5 figure.iconText img { width:160px; }
.iconAreaInner.iconMinWidth6 figure.iconText img { width:180px; }
.iconAreaInner.iconMinWidth7 figure.iconText img { width:200px; }

.iconAreaInner.iconMinWidth .iconCaption            { width:100%; }
.iconAreaInner.iconMinWidth.iconLeft .iconCaption   { text-align:left; }
.iconAreaInner.iconMinWidth.iconCenter .iconCaption { text-align:center; }
.iconAreaInner.iconMinWidth.iconRight .iconCaption  { text-align:right; }

.iconAreaInner.iconMaxWidth figure.iconText     { width:auto; max-width:100%; }
.iconAreaInner.iconMaxWidth figure.iconText a   { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.iconAreaInner.iconMaxWidth figure.iconText img { width:auto; max-width:100%; height:auto; }

.iconLine      { width:100%; }
.iconLineInner { width:100%; }
.iconLineItem  {  }

.iconLineInner.toHigh               { text-align:center;  }
.iconLineInner.toHigh .iconLineItem { display:inline-block; }

.iconLineInner.toWidth               { display:flex; justify-content: center; }
.iconLineInner.toWidth .iconLineItem {  }

.iconLineInner.toHigh.iconLineMax0 .iconLineItem { height:40px; width:auto; }
.iconLineInner.toHigh.iconLineMax1 .iconLineItem { height:50px; width:auto; }
.iconLineInner.toHigh.iconLineMax2 .iconLineItem { height:60px; width:auto; }
.iconLineInner.toHigh.iconLineMax3 .iconLineItem { height:70px; width:auto; }
.iconLineInner.toHigh.iconLineMax4 .iconLineItem { height:80px; width:auto; }
.iconLineInner.toHigh.iconLineMax5 .iconLineItem { height:90px; width:auto; }
.iconLineInner.toHigh.iconLineMax6 .iconLineItem { height:100px; width:auto; }
.iconLineInner.toHigh.iconLineMax7 .iconLineItem { height:110px; width:auto; }
.iconLineInner.toHigh.iconLineMax8 .iconLineItem { height:120px; width:auto; }
.iconLineInner.toHigh.iconLineMax9 .iconLineItem { height:130px; width:auto; }

.iconLineInner.toWidth.iconLineMax0 .iconLineItem { width:40px; height:auto; }
.iconLineInner.toWidth.iconLineMax1 .iconLineItem { width:50px; height:auto; }
.iconLineInner.toWidth.iconLineMax2 .iconLineItem { width:60px; height:auto; }
.iconLineInner.toWidth.iconLineMax3 .iconLineItem { width:70px; height:auto; }
.iconLineInner.toWidth.iconLineMax4 .iconLineItem { width:80px; height:auto; }
.iconLineInner.toWidth.iconLineMax5 .iconLineItem { width:90px; height:auto; }
.iconLineInner.toWidth.iconLineMax6 .iconLineItem { width:100px; height:auto; }
.iconLineInner.toWidth.iconLineMax7 .iconLineItem { width:110px; height:auto; }
.iconLineInner.toWidth.iconLineMax8 .iconLineItem { width:120px; height:auto; }
.iconLineInner.toWidth.iconLineMax9 .iconLineItem { width:130px; height:auto; }

.iconLineInner.toHigh img  { height:100%; width:auto; }
.iconLineInner.toWidth img { width:100%; height:auto; }

.iconLineInner.iconLineSpace0 .iconLineItem { margin:0; }
.iconLineInner.iconLineSpace1 .iconLineItem { margin:0 5px 0; }
.iconLineInner.iconLineSpace2 .iconLineItem { margin:0 10px 0; }
.iconLineInner.iconLineSpace3 .iconLineItem { margin:0 15px 0; }
.iconLineInner.iconLineSpace4 .iconLineItem { margin:0 20px 0; }
.iconLineInner.iconLineSpace5 .iconLineItem { margin:0 25px 0; }
.iconLineInner.iconLineSpace6 .iconLineItem { margin:0 30px 0; }

.iconImage      { width:100%; }
.iconImageInner { border-radius:10px; }

.iconImageBackground0 { background-color:transparent; }
.iconImageBackground1 { background-color:#fff; }
.iconImageBackground2 { background-color:#8cbe21; } 

.iconImageWidth0 { width:100%; }
.iconImageWidth1 { width:100%; max-width:1000px }
.iconImageWidth2 { width:100%; max-width:800px; }
.iconImageWidth3 { width:100%; max-width:600px; }
.iconImageWidth4 { width:100%; max-width:400px; }

.iconImageAlign0 { margin:0 auto 0; }
.iconImageAlign1 { float:left; } 
.iconImageAlign2 { float:right; }  

 
/* ____________________________________________ */
/* elementButton ( button // Einzelner Button ) */
.elementButton   { width:100%; }
.buttonArea      { width:100%; }
.buttonAreaInner {  } /*button*/

.buttonSocial                               { width:100%; text-align:center; }     
.buttonSocialInner                          { display:inline-block; width:auto; height:auto; margin:0 auto 0; }
.buttonSocialInner .socialul li:first-child { margin:0; }

.buttonScrollNav      { width:100%; }
.buttonScrollNavInner { text-align:center; }

.buttonScrollItem   { display:inline-block; width:auto; height:60px; margin-right:20px; padding: 0 5px 0 0; }
.buttonScrollItem a { display:inline-block; width:auto; height:auto; padding:0 20px 2px; text-decoration:none; color:#fff; overflow:hidden;
                      font-size:20px; line-height:38px; font-weight:500; text-align:center; white-space:nowrap; color:#fff;
					  background-color:#8cbe21; border-radius:10px; box-shadow:2px 4px 5px 1px rgba(0, 0, 0, 0.34); }

.buttonRecipesNav           { width:100%; text-align:center;  }
.buttonRecipesNavItemFrame  { display:inline-block; width:auto; height:auto; padding:5px; text-align:center;  }
.buttonRecipesNavItem       { width:auto; height:auto; text-align:center; color:#7eab1e; color:#000; transition:scale 0.3s ease-in-out; cursor:pointer;
                              background-color:#fff; border:2px solid #fff; border-radius:10px;
                              padding:0 12px 2px 36px; font-size:20px; line-height:36px; font-weight:500; vertical-align:top; }
.buttonRecipesNavItem.allfi { background:url('../../../fileadmin/template/graphics/icon-filter-all.svg') no-repeat 11px 10px #fff; background-size:20px 20px; }
.buttonRecipesNavItem.brunc { background:url('../../../fileadmin/template/graphics/icon-filter-brunc.svg') no-repeat 10px 7px #fff; background-size:20px 20px; }
.buttonRecipesNavItem.mainm { background:url('../../../fileadmin/template/graphics/icon-filter-mainm.svg') no-repeat 10px 7px #fff; background-size:20px 20px; }
.buttonRecipesNavItem.desse { background:url('../../../fileadmin/template/graphics/icon-filter-desse.svg') no-repeat 10px 7px #fff; background-size:20px 20px; }
.buttonRecipesNavItem.snack { background:url('../../../fileadmin/template/graphics/icon-filter-snack.svg') no-repeat 10px 7px #fff; background-size:20px 20px; }
.buttonRecipesNavItem.drink { background:url('../../../fileadmin/template/graphics/icon-filter-drink.svg') no-repeat 10px 7px #fff; background-size:20px 20px; }
						   
.buttonRecipesNavItem.act { background-color:#8cbe21; border:2px solid #8cbe21; color:#000; }
						   
.buttonSkillsNav          { width:100%; text-align:center;  }
.buttonSkillsNavItemFrame { display:inline-block; width:auto; height:auto; padding:5px; text-align:center;  }
.buttonSkillsNavItem      { width:auto; height:auto; text-align:center; color:#7eab1e; color:#000; transition:scale 0.3s ease-in-out; cursor:pointer;
                            background:url('../../../fileadmin/template/graphics/icon-filter-skill.svg') no-repeat 10px 7px; background-size:20px 20px;
                            background-color:#fff; border:2px solid #fff; border-radius:10px;
                            padding:0 12px 2px 36px; font-size:20px; line-height:36px; font-weight:500; vertical-align:top; }
						   
.buttonSkillsNavItem.act { background-color:#8cbe21; border:2px solid #8cbe21; color:#000; }

.buttonThemeNav          { width:100%; text-align:center;  }
.buttonThemeNavItemFrame { display:inline-block; width:auto; height:auto; padding:5px; text-align:center;  }
.buttonThemeNavItem      { width:auto; height:auto; text-align:center; color:#7eab1e; color:#000; transition:scale 0.3s ease-in-out; cursor:pointer;
                           background:url('../../../fileadmin/template/graphics/filter1.png') no-repeat 10px 7px; background-size:20px 20px;
                           background-color:#fff; border:2px solid #fff; border-radius:10px;
                           padding:0 12px 1px 36px; font-size:20px; line-height:31px; font-weight:500; vertical-align:top; }
						   
.buttonThemeNavItem.act { background:url('../../../fileadmin/template/graphics/filter3.png') no-repeat 10px 7px; background-size:20px 20px; background-color:#8cbe21; border:2px solid #8cbe21; color:#000; }

.buttonNewsNav          { width:100%; text-align:center;  }
.buttonNewsNavItemFrame { display:inline-block; width:auto; height:auto; padding:5px; text-align:center; }
.buttonNewsNavItem      { width:auto; height:auto; text-align:center; color:#7eab1e; color:#000; transition:scale 0.3s ease-in-out; cursor:pointer;
                          background:url('../../../fileadmin/template/graphics/filter1s.png') no-repeat 10px 7px; background-size:20px 20px;
                          background-color:#fff; border:2px solid #fff; border-radius:10px;
                          padding:0 12px 1px 36px; font-size:20px; line-height:31px; font-weight:500; vertical-align:top; }

.buttonNewsNavItem.act { background:url('../../../fileadmin/template/graphics/filter3s.png') no-repeat 10px 7px; background-size:20px 20px; background-color:#8cbe21; border:2px solid #8cbe21; color:#000; }

.focusedButton:focus             { border:2px solid #8cbe21; }
.focusedButton.blockFocus:focus { border:2px solid #fff; }

.buttonNavAlternative      { width:100%; }
.buttonNavAlternativeInner { width:100%; margin:40px 0 40px; }

 
/* _______________________________________________________________________________ */
/* Seite "Freie Stellen", API von BITE */
.bite-container       { position:relative; width:100%; overflow:hidden; }
.bite-container>div   { position:relative; width:100%; box-sizing:border-box; padding:10px 10px 0; overflow:hidden; }
.bite-container>div p { text-align:center; }            

.bite-container .div_entry           { position:relative; width:100%; box-sizing:border-box; margin:0 0 20px; box-shadow:0 2px 8px 0 rgba(88,88,88,.32); overflow:hidden;
                                       background-color:#fff; border-radius:10px; padding:15px 25px 15px; }
.bite-container .div_entry--title    { position:relative; width:100%; padding-right:100px; box-sizing:border-box; overflow:hidden;
                                       text-align:center; font-family:'Archivo Narrow', Arial, Helvetica, sans-serif; font-weight:500; }
.bite-container .div_entry--location { position:absolute; right:10px; top:10px; width:100px; height:30px; line-height:30px; z-index:2; overflow:hidden;
                                       text-align:center; font-family:'Archivo Narrow', Arial, Helvetica, sans-serif; font-weight:500; }
									   
.div_entry:hover .div_entry--title { text-decoration:underline; font-weight:500; color:#8cbe21; }
.div_entry:hover .div_entry--location { text-decoration:underline; font-weight:500; color:#8cbe21; }

@media screen and (max-width:499px) {
.bite-container .div_entry--title    { padding-right:0 }
.bite-container .div_entry--location { position:relative; right:auto; top:auto; width:100%; height:20px; line-height:20px; margin-top:10px; z-index:1; text-align:right; }
}


.joblistItem           { width:100%; margin-bottom:20px;  box-shadow:0 2px 8px 0 rgba(88,88,88,.32); }
.joblistItemInner      { width:100%; background-color:#fff; border-radius:10px; padding:15px 25px 15px; box-sizing:border-box; }
.joblistItemTitle      { width:100%; padding-right:100px; box-sizing:border-box;  }
.joblistItemTitleInner { width:100%; text-align:center; font-weight:500; }
.joblistItemType       { right:10px; top:10px; width:100px; height:30px; line-height:30px; z-index:2; }
.joblistItemTypeInner  { width:100%; text-align:center; font-weight:500; }

.joblistItemInner:hover .joblistItemTitleInner,
.joblistItemInner:hover .joblistItemTypeInner { text-decoration:underline; font-weight:500; color:#8cbe21; }

@media screen and (max-width:499px) {
.joblistItemTitle     { padding-right:0 }
.joblistItemType.abhi { position:relative; right:auto; top:auto; width:100%; height:20px; line-height:20px; margin-top:10px; z-index:1; }
.joblistItemTypeInner { text-align:right; }
}
 
 
/* ______________________________________________________________________________________________________ */
/* elementProductLable ( product_label_links // seite "Einzelansicht Produkt": Labels, Links und Aktion ) */
.elementProductLable { width:100%; }
.productLableFrame   { width:100%; }

.productLableTextline { width:100%; text-align:center; padding-bottom:20px; }

.productLableLableline              { width:100%; text-align:center; }
.productLableLablelineItem          { display:inline-block; height:70px; }
.productLableLablelineItemInner     { height:100%; margin:0 10px 0;  }
.productLableLablelineItemInner img { height:100%; width:auto }

.productLableShop      { width:100%; margin-top:30px; text-align:center; }
.productLableShopInner { display:inline-block; width:100%; max-width:400px; text-align:center; }

.productLableShopButton   { width:100%; max-width:300px; margin:0 auto 0; transition:scale 0.3s ease-in-out; }
.productLableShopButton a { display:block; width:100%; height:auto; margin:0; padding:0; overflow:hidden; background-color:#8cbe21; border-radius:10px;
                            text-align:center; line-height:40px; text-decoration:none; color:#000; }

.productLableEvent          { width:100%; margin-top:20px; text-align:center; }
.productLableEventInner     { display:inline-block; width:100%; max-width:640px; padding:20px; box-sizing:border-box; }
.productLableEventInner img { width:100%; height:auto; box-shadow: 0px 0px 17px -5px #000000; }

.productLableShopButton:hover { scale:1.05; transition:scale 0.4s ease-in-out; }

@media screen and (max-width:499px) {
  .productLableLablelineItem      { display:inline-block; height:60px; }
  .productLableLablelineItemInner { height:100%; margin:0 5px 0;  }
}

/* __________________________________________________________________________________________________________________ */
/* elementProductAccordion ( products_acordion // seite "Einzelansicht Produkt": Verzehrhinweis, Zutaten, Nährwerte ) */
.elementProductAccordion { width:100%; }
.productAccordionFrame   { width:100%; }
.productAccordionInner   { width:100%; max-width:610px; margin:0 auto 0; }

.productAccordionLine { width:100%; height:5px; background-color:#e4e4e4; }

.productAccordionFirst             { width:100%; }
.productAccordionFirstInner        { margin:20px; }
.productAccordionFirstTitle        { width:100%; text-align:left; background:url('../../../fileadmin/template/graphics/chevron_down_green.png') no-repeat right 5px; background-size:30px 30px; cursor:pointer; }
.productAccordionFirstTitle.act    { background:url('../../../fileadmin/template/graphics/chevron_up_green.png') no-repeat right 5px; background-size:30px 30px; }
.productAccordionFirstTitle h3     { line-height:40px; }
.productAccordionFirstBody         { width:100%; height:auto; max-height:0; transition:max-height 1s ease-in-out; }
.productAccordionFirstBodyInner    { width:100%; margin:30px 0 20px; height:auto; }
.productAccordionFirstPic          { width:100%; margin:0 0 30px; height:90px; text-align:center; }
.productAccordionFirstPicInner     { display:inline-block; height:90px; width:auto; }
.productAccordionFirstPicInner img { height:100%; width:auto; }
.productAccordionFirstText         { width:100%; }

.productAccordionSecond           { width:100%; }
.productAccordionSecondInner      { margin:20px; }
.productAccordionSecondTitle      { width:100%; text-align:left; background:url('../../../fileadmin/template/graphics/chevron_down_green.png') no-repeat right 5px; background-size:30px 30px; cursor:pointer; }
.productAccordionSecondTitle.act  { background:url('../../../fileadmin/template/graphics/chevron_up_green.png') no-repeat right 5px; background-size:30px 30px; }
.productAccordionSecondTitle h3   { line-height:40px; }
.productAccordionSecondBody       { width:100%; height:auto; max-height:0; transition:max-height 1s ease-in-out; }
.productAccordionSecondBodyInner  { width:100%; margin:30px 0 20px; height:auto; }
.productAccordionSecondText       { width:100%; }

.productAccordionThird            { width:100%; }
.productAccordionThirdInner       { margin:20px; }
.productAccordionThirdTitle       { width:100%; text-align:left; background:url('../../../fileadmin/template/graphics/chevron_down_green.png') no-repeat right 5px; background-size:30px 30px; cursor:pointer; }
.productAccordionThirdTitle.act   { background:url('../../../fileadmin/template/graphics/chevron_up_green.png') no-repeat right 5px; background-size:30px 30px; }
.productAccordionThirdTitle h3    { line-height:40px; }
.productAccordionThirdBody        { width:100%; height:auto; max-height:0; transition:max-height 1s ease-in-out; }
.productAccordionThirdBodyInner   { width:100%; margin:30px 0 20px; height:auto; }
.productAccordionThirdText        { width:100%; padding-bottom:12px; }
.productAccordionThirdValues      { width:100%; }

.productAccordionThirdValuesItem            { width:100%; padding:12px 0 12px; }
.productAccordionThirdValuesItemFirst       { width:100%; }
.productAccordionThirdValuesItemFirstLeft   { float:left; width:66.6666%; box-sizing:border-box; padding-left:10px; }
.productAccordionThirdValuesItemFirstRight  { float:right; width:33.3333%; text-align:right; box-sizing:border-box; padding-right:10px; }
.productAccordionThirdValuesItemSecond      { width:100%; }
.productAccordionThirdValuesItemSecondLeft  { float:left; width:75%; box-sizing:border-box; padding-left:30px; }
.productAccordionThirdValuesItemSecondRight { float:right; width:25%; text-align:right; box-sizing:border-box; padding-right:10px; }

.productAccordionThirdValuesItem:nth-child(2n+1) { background-color:#f4f1f1; }

.accordionTitleSwitch.act+.accordionBodySwitch { max-height:500px; }

.productAccordionLast      { width:100%; }
.productAccordionLastInner { margin:25px 20px 0; }



/* ______________________________________________________________________________________________ */
/* elementProductRecipes ( product_recipes // Seite "Seite "Einzelansicht Produkt": Rezeptideen ) */
.elementProductRecipes   {  }

.productRecipesFrame     { width:100%; margin-top:40px; }
.productRecipesInner     {  }
.productRecipesIconFrame { width:100%; margin-bottom:10px; }
.productRecipesIcon      { width:50px; height:50px; margin:0 auto 0; background:url('../../../fileadmin/template/graphics/icon_rezeptidee.png') no-repeat 0 0; background-size:100% 100%; }

.detailProductRecipesSliderHTML   { width:100%; }
.detailProductRecipesSliderInsert { width:100%; }
 

/* _________________________________________________________________________________________ */
/* elementProductSources ( product_sources // Seite "Einzelansicht Produkt": Bezugsquellen ) */
.elementProductSources        {  }

.productSourcesIconFrame { width:100%; margin-bottom:10px; }
.productSourcesIcon      { width:50px; height:50px; margin:0 auto 0; background:url('../../../fileadmin/template/graphics/icon_bezugsquellen.png') no-repeat 0 0; background-size:100% 100%; }

.productSourcesFrame          { width:100%;  }
.productSourcesInner          { width:102%; left:-1%; }

.productSourcesItem         { width:16.6666%; float:left; }
.productSourcesItemSpacer   { width:100%; height:0; padding-bottom:6%; }
.productSourcesItemInner    { margin:0 6% 0; background-color:#fff; border-radius:10px; } /*. mapLink*/
.productSourcesItemBorder   { margin:20px; }
.productSourcesItemFrame    { width:100%; height:0; padding-bottom:100%; }
.productSourcesItemPosition { left:0; top:50%; transform:translate(0,-50%); width:100%; height:auto; }
.productSourcesItemIcon     { width:100%; height:auto; margin:0 auto 0; }
.productSourcesItemIcon.c90 { width:90%; }
.productSourcesItemIcon.c85 { width:95%; }
.productSourcesItemIcon.c80 { width:80%; }
.productSourcesItemIcon.c75 { width:75%; }
.productSourcesItemIcon.c70 { width:70%; }
.productSourcesItemIcon.c65 { width:65%; }
.productSourcesItemIcon.c60 { width:60%; }
.productSourcesItemIcon.c55 { width:55%; }
.productSourcesItemIcon.c50 { width:50%; }
.productSourcesItemIcon.c45 { width:45%; }
.productSourcesItemIcon.c40 { width:40%; }
.productSourcesItemIcon.3c5 { width:35%; }
.productSourcesItemIcon.c30 { width:30%; }
.productSourcesItemIcon img { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

.productSourcesItemPosition.bigText { text-align:center; font-family:'Besom 2', 'Times New Roman', Times, serif; margin:0; padding:0;
                                      font-size:35px; line-height:1em; font-weight:300; text-transform:uppercase; }

.productSourcesItemTitle    { width:100%; padding-top:5px; font-size:15px; line-height:19px; text-align:center; }
.productSourcesItemLinkSign { right:0; top:0; width:25px; height:25px; z-index:2;
                              background:url('../../../fileadmin/template/graphics/products_source_info.png') left bottom no-repeat; background-size:20px 20px; }

@media screen and (min-width:1140px) {
  .productSourcesItem       { width:16.6666%; }
  .productSourcesItemSpacer { padding-bottom:6%; }
  .productSourcesItemInner  { margin:0 6% 0; }
}
@media screen and (min-width:910px) and (max-width:1139px) {
  .productSourcesItem       { width:20%; }
  .productSourcesItemSpacer { padding-bottom:5%; }
  .productSourcesItemInner  { margin:0 5% 0; }
}
@media screen and (min-width:700px) and (max-width:909px) {
  .productSourcesItem       { width:25%; }
  .productSourcesItemSpacer { padding-bottom:4%; }
  .productSourcesItemInner  { margin:0 4% 0; }
}
@media screen and (min-width:420px) and (max-width:699px) {
  .productSourcesItem       { width:33.3333%; }
  .productSourcesItemSpacer { padding-bottom:3%; }
  .productSourcesItemInner  { margin:0 3% 0; }
  .productSourcesItemTitle  { font-size:13px; line-height:15px; }
}
@media screen and (max-width:419px) {
  .productSourcesItem       { width:50%; }
  .productSourcesItemSpacer { padding-bottom:5%; }
  .productSourcesItemInner  { margin:0 4% 0; }
  .productSourcesItemTitle  { font-size:14px; line-height:16px; }
}

.productSourcesItemEdekaCoverAll { left:0; bottom:0; width:100%; height:100%; cursor:pointer; z-index:7; }
.productSourcesItemReweCoverAll  { left:0; bottom:0; width:100%; height:100%; cursor:pointer; z-index:8; }

#fullEdekaWindow { left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:999;
                   background-image:url('../../../fileadmin/template/graphics/_edeka_regionen.png'); background-repeat:no-repeat; background-position:center center; background-size:contain; }
#fullReweWindow { left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:999;
                  background-image:url('../../../fileadmin/template/graphics/_rewe_regionen.png'); background-repeat:no-repeat; background-position:center center; background-size:contain; }

#windowClose           { right:0; top:0; width:50px; height:50px; z-index:1000; cursor:pointer; }
#windowClose .lineUp   { left:3px; top:22px; transform:rotate(-45deg); width:42px; height:6px; transition: all 0.2s ease-out; background-color:#fff; }
#windowClose .lineDown { left:3px; top:16px; transform:rotate(45deg); width:42px; height:6px; transition: all 0.2s ease-out; background-color:#fff; }
 

/* ____________________________________________________________________________________ */
/* elementRecipes ( recipes_ingredients // Seite "Einzelansicht Rezept": Alle Inhalte ) */

.elementRecipes {  }

.recipesTypeCat      { width:100%; text-align:center; }
.recipesTypeCatInner { display:inline-block; }

.recipesHeaderText      { width:100%; padding:10px 0 0; }
.recipesHeaderTextInner { width:100%; text-align:center; } 

.recipesIngredientTitle      { width:100%; padding:50px 0 30px; }
.recipesIngredientTitleInner { width:100%; }

.recipesSwitchFrame               { width:100%; text-align:center; }
.recipesSwitch                    { display:inline-block; }
.recipesSwitchInner               { width:auto; margin:0 60px 0; height:40px; }
.recipesSwitchNumber              { float:left; width:auto; height:40px; margin-right:8px; /* #switchStart data-calcstart */
                                    font-size:24px; line-height:40px; color:#000; }
.recipesSwitchLable               { float:left; width:auto; height:40px; white-space:nowrap;
                                    font-size:24px; line-height:40px; color:#000; }

.recipesSwitchButton              { display:block; top:0; width:40px; height:40px; cursor:pointer; z-index:2;
                                    background-color:#8cbe21; border:0 none; outline-width:0; outline-style:none; outline-color:currentcolor; border-radius:20px; }
.recipesSwitchButton span         { opacity:0; }
#recipesSwitchLowerButton         { left:0; }
#recipesSwitchLowerButton .bar    { left:10px; top:18px; width:20px; height:3px; background-color:#fff; z-index:3; }
#recipesSwitchHigherButton        { right:0; }
#recipesSwitchHigherButton .bar   { left:10px; top:18px; width:20px; height:3px; background-color:#fff; z-index:3; }
#recipesSwitchHigherButton .cross { left:18px; top:10px; width:3px; height:20px; background-color:#fff; z-index:3; }
#recipesSwitchCalculate           {   } /*hide #switchCalcu data-calcbase*/

.recipesSwitchTextFrame { width:100%; }
.recipesSwitchText      { width:100%; text-align:center; font-weight:600; color:#8cbe21; }

.recipesListsFrame { width:100%; }
.recipesLists      { width:100%; }

.recipesListFrame { width:100%; margin-top:40px; }
.recipesList      { width:100%; }
.recipesListTitle { width:100%; padding-bottom:10px; } /*h3*/

.recipesListIingredientsFrame { width:100%; text-align:center; }
.recipesListIingredients      { display:inline-block; width:auto; }

.recipesListIingredientsItem       { width:100%; margin-bottom:5px; text-align:left; } /*indreCalcItem*/
.recipesListIingredientsItemValue  { width:auto; float:left; text-align:left; } /*indreCalcValue*/
.recipesListIingredientsItemSpacer { width:auto; float:left; text-align:left; }
.recipesListIingredientsItemName   { width:auto; float:left; text-align:left; }
.recipesListIingredientsItemSwitch {  } /*hide indreClacSwitch*/

.recipesListTextFrame { width:100%; padding:20px 0 20px; }
.recipesListText      { width:100%; text-align:center; }

#detailRecipesSliderInsert { width:100%; }

.recipesPreparationTitle { width:100%; margin-bottom:20px; }

.recipesPreparationFrame { width:100%; margin-bottom:30px; }
.recipesPreparation      { width:100%; }

.recipesPreparationItem { width:100%; }

.recipesPreparationSeperatorFrame { width:100%; padding:10px 0 10px; }
.recipesPreparationSeperator      { width:100%; height:40px; }
.recipesPreparationNumber         { left:50%; top:0; transform:translate(-50%,0); width:40px; height:40px; border-radius:20px; background-color:#8cbe21; text-align:center; z-index:3;
                                    font-family:'Besom 2', 'Times New Roman', Times, serif; font-size:24px; font-weight:500; line-height:40px; color:#fff; }
.recipesPreparationLeftLine       { left:-30px; top:20px; width:50%; height:1px; background-color:#000; z-index:2; }
.recipesPreparationRightLine      { right:-30px; top:20px; width:50%; height:1px; background-color:#000; z-index:2; }

.recipesPreparationFirstTextFrame { width:100%; padding:20px 0 0; }
.recipesPreparationFirstText      { width:100%; text-align:center; font-weight:600; color:#8cbe21; }

.recipesPreparationSecondTextFrame { width:100%; padding:20px 0 0; }
.recipesPreparationSecondText      { width:100%; text-align:center; font-weight:400; color:#000; }


 
/* ------------------------------------------------ Styles für alle Elemnte des Newssystems ----------------------------------------------- */
/* --- News Listen --- */
  
/* All News List (layout 10)*/
.articleListFrame { width:100%; }
.articleListInner { width:102%; left:-1%; }
  
.articleListItem                 {  }
.articleListItemSpacer           { width:100%; height:0; padding-bottom:3%; }
.articleListItemInner            { margin:0 3% 0; }
.articleListItem .gridHightForce { width:100%; background-color:#fff; border-radius:10px; }
.articleListItem .gridHightInner { width:100%; }

.articleListItemImageFrame   { width:100%; height:0; padding-bottom:100%; }
.articleListItemImage        { left:0; top:0; width:100%; height:100%; }
.articleListItemImage.border { border:10px solid #fff; border-top:20px solid #fff; border-bottom:0 none; box-sizing:border-box; }
.articleListItemImage.frame  { border:0 none; background-color:transparent; background:url('../../../fileadmin/template/graphics/polaroidmaske-hintergrund.jpg') no-repeat 0 0; background-size:100% 100%; }
.articleListItemImage a      { display:block; position:relative; width:100%; height:100%; overflow:hidden; }

.articleListItemImageLeft      { left:-30%; top:75%; transform:translate(-50%,-50%) rotate(30deg); width:86%; height:auto; background-color:#fff; }
.articleListItemImageLeftFrame { margin:10px 10px 30px; height:0; padding-bottom:66.6666%; }
.articleListItemImageLeftInner { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/polaroidmaske-1.jpg') no-repeat 0 0; background-size:100% 100%; }

.articleListItemImageRight      { left:120%; top:10%; transform:translate(-50%,-50%) rotate(5deg); width:86%; height:auto; background-color:#fff; z-index:2; }
.articleListItemImageRightFrame { margin:10px 10px 30px; height:0; padding-bottom:66.6666%; }
.articleListItemImageRightInner { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/polaroidmaske-3.jpg') no-repeat 0 0; background-size:100% 100%; }

.articleListItemImageCenter      { left:50%; top:50%; transform:translate(-50%,-50%) rotate(-10deg); width:86%; height:auto; background-color:#fff; z-index:3; }
.articleListItemImageCenterFrame { margin:10px 10px 30px; height:0; padding-bottom:66.6666%; }
.articleListItemImageCenterInner { left:0; top:0; width:100%; height:100%; }

.articleListItemImage img,
.articleListItemImage picture { width:100%; height:auto; }

.articleListItemTextFrame   { width:100%; height:auto; background-color:#fff; text-align:center; }
.articleListItemText        { margin:25px 6% 20px; }
.articleListItemDate        { width:100%; font-size:19px; }
.articleListItemTitle       { width:100%; }
.articleListItemTitle h3    { font-size:33px; line-height:39px; font-weight:300; }
.articleListItemTheme       { width:100%; margin-top:10px; text-align:center; }
.articleListItemThemeInner  { display:inline-block; width:auto; height:auto; color:#7eab1e; font-weight:500; padding-left:24px;
                              background:url('../../../fileadmin/template/graphics/filter1.png') no-repeat 0 4px; background-size:20px 20px; cursor:pointer; }
.articleListItemBody        { width:100%; margin-top:10px; font-size:19px; line-height:1.3em; }
.articleListItemBody p      { padding:0; font-size:19px; line-height:1.3em; }
.articleListItemButton      { width:100%; margin-top:20px; text-align:center; }
.articleListItemButtonInner {  }

.buttonInnerStyle {  }

.pageNavigation            { width:100%; }
.pageNavigation ul         { position:relative; width:100%; margin:0; padding:20px 0 60px; overflow:hidden; text-align:center; }
.pageNavigation li         { display:inline-block; position:relative; width:auto; text-align:center; margin:0 5px 0; border-radius:10px;
                             font-size:20px; font-weight:400; line-height:36px; overflow:hidden; }
.pageNavigation li a       { border:2px solid #fff; background-color:#fff; display:block; text-decoration:none; padding:0 12px 0; color:#000; }
.pageNavigation li.current { border:2px solid #7eab1e; background-color:#7eab1e; padding:0 12px 0; color:#000; font-weight:500; }

@media screen and (min-width:1000px) {
  .articleListItem      { float:left; width:33.3333%; }
  .articleListItemInner { margin:0 3% 0; }
}
@media screen and (min-width:600px) and (max-width:999px) {
  .articleListItem      { float:left; width:50%; }
  .articleListItemInner { margin:0 2% 0; }
}
@media screen and (max-width:599px) {
  .articleListItem      { width:100%; }
  .articleListItemInner { margin:0 1% 0; }
}
 
 
/* Product List (layout 10)*/
.productListFrame { width:100%; }
.productListInner { width:102%; left:-1%; }
			  
.productListItem       { float:left; width:25%; }
.productListItemSpacer { width:100%; height:0; padding-bottom:8%; }
.productListItemInner  { margin:0 4% 0; }

.productListItemImageFrame    { width:100%; }
.productListItemImage         { width:64%; margin:0 auto 0; }
.productListItemImage img,  
.productListItemImage picture { width:100%; height:auto; }

.productListItemTextFrame { width:100%; height:auto; text-align:center; }
.productListItemText      { width:100%; }
.productListItemTitle     { width:100%; }
.productListItemQuantity  { width:100%; font-size:19px; font-weight:300; line-height:25px; }

.text .productListItemTitle h3  { font-family:'Archivo Narrow', Arial, Helvetica, sans-serif; font-size:20px; font-weight:500; line-height:28px;
                                  text-transform:none; color:#000; margin:0; padding:0; }                                                                                            }

@media screen and (min-width:1000px) {
  .productListItem      { float:left; width:25%; }
  .productListItemInner { margin:0 4% 0; }
}
@media screen and (min-width:750px) and (max-width:999px) {
  .productListItem      { float:left; width:33.3333%; }
  .productListItemInner { margin:0 3% 0; }
}
@media screen and (min-width:500px) and (max-width:749px) {
  .productListItem      { float:left; width:50%; }
  .productListItemInner { margin:0 2% 0; }
}
@media screen and (max-width:499px) {
  .productListItem      { width:100%; }
  .productListItemInner { margin:0 1% 0; }
}
 
 
/* Recipes List (layout 10)*/
.recipesListFrame { width:100%; }
.recipesListInner { width:102%; left:-1%; }

.recipeListItem       { float:left; width:25%; }
.recipeListItemSpacer { width:100%; height:0; padding-bottom:8%; }
.recipeListItemInner  { margin:0 4% 0; }

.recipeListItemImageFrame    { width:100%; }
.recipeListItemImage         { width:64%; margin:0 auto 0; }
.recipeListItemImage img,  
.recipeListItemImage picture { width:100%; height:auto; }

.recipeListItemTextFrame { width:100%; height:auto; text-align:center; }
.recipeListItemText      { width:100%; }
.recipeListItemTitle     { width:100%; margin-top:5px; }
.recipeListItemTitle h3  { width:100%; font-size:0.9em; }
.recipeListItemCat       { width:100%; margin-top:10px; font-size:19px; font-weight:300; line-height:25px; }

.recipeListItemButton      { width:100%; margin-top:15px; text-align:center; }
.recipeListItemButtonInner { display:inline-block; width:auto; height:auto; padding:0 30px 1px; border:2px solid transparent; overflow:hidden;
                             text-align:center; line-height:1em; text-decoration:none; font-size:20px; line-height:45px; font-weight:500; color:#000; transition:scale 0.3s ease-in-out;
                             background-color:transparent; background:url('../../../fileadmin/template/graphics/background_button_green.svg') no-repeat 0 0; background-size:100% 100%; }

@media screen and (min-width:1000px) {
  .recipeListItem      { float:left; width:25%; }
  .recipeListItemInner { margin:0 4% 0; }
}
@media screen and (min-width:750px) and (max-width:999px) {
  .recipeListItem      { float:left; width:33.3333%; }
  .recipeListItemInner { margin:0 3% 0; }
}
@media screen and (min-width:500px) and (max-width:749px) {
  .recipeListItem      { float:left; width:50%; }
  .recipeListItemInner { margin:0 2% 0; }
}
@media screen and (max-width:499px) {
  .recipeListItem      { width:100%; }
  .recipeListItemInner { margin:0 1% 0; }
}



/* --- News Slider --- */
 
/* hide dots*/
.dotHide .slick-dots { display:none !important; }

.focusSliderItem       {  }
.focusSliderItem:focus { box-sizing:border-box; border:2px solid #000; }

 
 /* All News Slider (layout 11)*/
.articleSliderFrame { width:100%; }
.articleSliderInner { width:102%; left:-1%; }
  
.articleSliderItem                   {  }
.articleSliderItemSpacer             { width:100%; height:0; padding-bottom:3%; }
.articleSliderItemInner              { margin:0 3% 0; }
.articleSliderItem .sliderHightForce { width:100%; background-color:#fff; border-radius:10px; }
.articleSliderItem .sliderHightInner { width:100%; }

.articleSliderItemImageFrame   { width:100%; height:0; padding-bottom:100%; }
.articleSliderItemImage        { left:0; top:0; width:100%; height:100%; }
.articleSliderItemImage.border { border:10px solid #fff; border-top:20px solid #fff; border-bottom:0 none; box-sizing:border-box; }
.articleSliderItemImage.frame  { border:0 none; background-color:transparent; background:url('../../../fileadmin/template/graphics/polaroidmaske-hintergrund.jpg') no-repeat 0 0; background-size:100% 100%; }

.articleSliderItemImageLeft      { left:-30%; top:75%; transform:translate(-50%,-50%) rotate(30deg); width:86%; height:auto; background-color:#fff; }
.articleSliderItemImageLeftFrame { margin:10px 10px 30px; height:0; padding-bottom:66.6666%; }
.articleSliderItemImageLeftInner { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/polaroidmaske-1.jpg') no-repeat 0 0; background-size:100% 100%; }

.articleSliderItemImageRight      { left:120%; top:10%; transform:translate(-50%,-50%) rotate(5deg); width:86%; height:auto; background-color:#fff; z-index:2; }
.articleSliderItemImageRightFrame { margin:10px 10px 30px; height:0; padding-bottom:66.6666%; }
.articleSliderItemImageRightInner { left:0; top:0; width:100%; height:100%; background:url('../../../fileadmin/template/graphics/polaroidmaske-3.jpg') no-repeat 0 0; background-size:100% 100%; }

.articleSliderItemImageCenter      { left:50%; top:50%; transform:translate(-50%,-50%) rotate(-10deg); width:86%; height:auto; background-color:#fff; z-index:3; }
.articleSliderItemImageCenterFrame { margin:10px 10px 30px; height:0; padding-bottom:66.6666%; }
.articleSliderItemImageCenterInner { left:0; top:0; width:100%; height:100%; }

.articleSliderItemImage img,
.articleSliderItemImage picture { width:100%; height:auto; }

.articleSliderItemTextFrame   { width:100%; height:auto; background-color:#fff; text-align:center; }
.articleSliderItemText        { margin:25px 6% 20px; }
.articleSliderItemDate        { width:100%; font-size:19px; display:none; }
.articleSliderItemTitle       { width:100%; }
.articleSliderItemTitle h3    { font-size:33px; line-height:39px; font-weight:300; }
.articleSliderItemBody        { width:100%; margin-top:20px; font-size:19px; line-height:1.3em; }
.articleSliderItemBody p      { padding:0; font-size:19px; line-height:1.3em; }
.articleSliderItemButton      { width:100%; margin-top:20px; text-align:center; }
.articleSliderItemButtonInner {  }

@media screen and (min-width:1000px) {
  .articleSliderItem      { float:left; width:33.3333%; }
  .articleSliderItemInner { margin:0 3% 0; }
}
@media screen and (min-width:600px) and (max-width:999px) {
  .articleSliderItem      { float:left; width:50%; }
  .articleSliderItemInner { margin:0 2% 0; }
}
@media screen and (max-width:599px) {
  .articleSliderItem      { width:100%; }
  .articleSliderItemInner { margin:0 1% 0; }
}
 
 
/* Product Slider (layout 11)*/
.productSliderFrame { width:100%; }
.productSliderInner { width:102%; left:-1%; }
			  
.productSliderItem       { float:left; width:25%; }
.productSliderItemSpacer { width:100%; height:0; padding-bottom:8%; }
.productSliderItemInner  { margin:0 4% 0; }

.productSliderItemImageFrame    { width:100%; }
.productSliderItemImage         { width:64%; margin:0 auto 0; }
.productSliderItemImage img,  
.productSliderItemImage picture { width:100%; height:auto; }

.productSliderItemTextFrame { width:100%; height:auto; text-align:center; }
.productSliderItemText      { width:100%; }
.productSliderItemTitle     { width:100%; }
.productSliderItemQuantity  { width:100%; font-size:19px; font-weight:300; line-height:25px; }

.text .productSliderItemTitle h3  { font-family:'Archivo Narrow', Arial, Helvetica, sans-serif; font-size:20px; font-weight:500; line-height:28px;
                                  text-transform:none; color:#000; margin:0; padding:0; }                                                                                            }

@media screen and (min-width:1000px) {
  .productSliderItem      { float:left; width:25%; }
  .productSliderItemInner { margin:0 4% 0; }
}
@media screen and (min-width:750px) and (max-width:999px) {
  .productSliderItem      { float:left; width:33.3333%; }
  .productSliderItemInner { margin:0 3% 0; }
}
@media screen and (min-width:500px) and (max-width:749px) {
  .productSliderItem      { float:left; width:50%; }
  .productSliderItemInner { margin:0 2% 0; }
}
@media screen and (max-width:499px) {
  .productSliderItem      { width:100%; }
  .productSliderItemInner { margin:0 1% 0; }
}


/* Recipes Slider (layout 11)*/
.recipesSliderFrame { width:100%; }
.recipesSliderInner { width:102%; left:-1%; } /*sliderRecipesFrame*/

.recipeSliderItem       { float:left; width:25%; }
.recipeSliderItemSpacer { width:100%; height:0; padding-bottom:8%; }
.recipeSliderItemInner  { margin:0 4% 0; }

.recipeSliderItemImageFrame    { width:100%; }
.recipeSliderItemImage         { width:64%; margin:0 auto 0; }
.recipeSliderItemImage img,  
.recipeSliderItemImage picture { width:100%; height:auto; }

.recipeSliderItemTextFrame { width:100%; height:auto; text-align:center; }
.recipeSliderItemText      { width:100%; }
.recipeSliderItemTitle     { width:100%; margin-top:5px; }
.recipeSliderItemTitle h3  { width:100%; font-size:0.9em; }
.recipeSliderItemCat       { width:100%; margin-top:10px; font-size:19px; font-weight:300; line-height:25px; }

.recipeSliderItemButton      { width:100%; margin-top:15px; text-align:center; }
.recipeSliderItemButtonInner { display:inline-block; width:auto; height:auto; padding:0 30px 1px; border:2px solid transparent; overflow:hidden;
                               text-align:center; line-height:1em; text-decoration:none; font-size:20px; line-height:45px; font-weight:500; color:#000; transition:scale 0.3s ease-in-out;
                               background-color:transparent; background:url('../../../fileadmin/template/graphics/background_button_green.svg') no-repeat 0 0; background-size:100% 100%; }

@media screen and (min-width:1000px) {
  .recipeSliderItem      { float:left; width:25%; }
  .recipeSliderItemInner { margin:0 4% 0; }
}
@media screen and (min-width:750px) and (max-width:999px) {
  .recipeSliderItem      { float:left; width:33.3333%; }
  .recipeSliderItemInner { margin:0 3% 0; }
}
@media screen and (min-width:500px) and (max-width:749px) {
  .recipeSliderItem      { float:left; width:50%; }
  .recipeSliderItemInner { margin:0 2% 0; }
}
@media screen and (max-width:499px) {
  .recipeSliderItem      { width:100%; }
  .recipeSliderItemInner { margin:0 1% 0; }
}
 
 
/* Detail Product Slider (layout 11)*/
.elementDetailSlider {  }

.detailSliderFrame { width:100%; }
.detailSliderInner { width:102%; left:-1%; }
/* use productSliderItem */
  
  
   
 
/* ---------------------------------------------------------- Styles fuer powermail ---------------------------------------------- */
.tx-powermail { width:100%; overflow:hidden; padding:32px 0 42px; }

.tx-powermail fieldset { border:0 none; }
.tx-powermail legend,
.tx-powermail .powermail_form>h3 { display:none; }

span.mandatory { display:none; }

.powermail_fieldset_1 { display:block; position:relative; width:100%; overflow:hidden; }
.powermail_fieldset_2 { position:relative; float:left; width:31.3333%; overflow:hidden; display:none; }
.powermail_fieldset_3 { position:relative; float:right; width:64.6666%; overflow:hidden; display:none; }
.powermail_fieldset_4 { position:relative; width:100%; overflow:hidden; display:none; }
.powermail_fieldset_5 { display:block; position:relative; width:100%; overflow:hidden; }

.powermail_fieldset_2.show { display:block; position:relative; float:left; width:31.3333%; overflow:hidden; }
.powermail_fieldset_3.show { display:block; position:relative; float:right; width:64.6666%; overflow:hidden; }
.powermail_fieldset_4.show { display:block; position:relative; width:100%; overflow:hidden; }

.powermail_fieldwrap_type_input                  { position:relative; width:100%; overflow:hidden; margin-bottom:10px; }
.powermail_fieldwrap_type_input .powermail_label { display:block; position:relative; width:100%; margin-top:2px; padding:0 0 4px; color:#000;
                                                   font-size:18px; line-height:22px; font-weight:400; overflow:hidden; } 
.powermail_fieldwrap_type_input .powermail_field { width:100%; float:right; box-shadow:none; outline:none; }
.powermail_fieldwrap_type_input .powermail_input { box-sizing:border-box; position:relative; float:right; width:100%; padding:2px 5px 2px 10px;
                                                   border:1px solid #999; border-radius:5px; box-shadow:none; outline:none;
                                                   font-family:'Archivo Narrow', Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; line-height:40px; color:#000; } 

.powermail_fieldset_1 .powermail_fieldwrap_type_input { width:48%; float:left; }
.powermail_fieldset_1 .powermail_fieldwrap_type_input.powermail_fieldwrap_nachname { float:right; }
.powermail_fieldset_1 .powermail_fieldwrap_type_input.powermail_fieldwrap_plz { width:11%; margin-left:4%; }
.powermail_fieldset_1 .powermail_fieldwrap_type_input.powermail_fieldwrap_ort { width:35%; margin-left:2%; }
.powermail_fieldset_1 .powermail_fieldwrap_type_input.powermail_fieldwrap_telefon { float:right; }

.powermail_fieldwrap_type_textarea                     { position:relative; width:100%; overflow:hidden; margin-bottom:10px; }
.powermail_fieldwrap_type_textarea .powermail_label    { display:block; position:relative; width:100%; margin-top:2px; padding:0 0 4px;
                                                         font-size:18px; line-height:22px; font-weight:400; overflow:hidden; } 
.powermail_fieldwrap_type_textarea .powermail_field    { position:relative; width:100%; height:auto; float:right; box-shadow:none; outline:none; }
.powermail_fieldwrap_type_textarea .powermail_textarea { box-sizing:border-box; position:relative; width:100%; height:85px; padding:2px 5px 2px 10px; float:right;
                                                         border:1px solid #999; border-radius:5px; box-shadow:none; outline:none;
                                                         font-family:'Archivo Narrow', Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; line-height:24px; color:#000; }

.powermail_fieldset_1 .powermail_fieldwrap_type_textarea { clear:both; float:left; }
.powermail_fieldset_1 .powermail_fieldwrap_type_textarea .powermail_textarea  { height:100px; }
.powermail_fieldset_2 .powermail_fieldwrap_type_textarea .powermail_textarea  { height:124px; }

.formularGreenLine { width:100%; height:20px; border-bottom:2px dotted #7eab1e; margin-bottom:20px; }

.powermail_fieldwrap_type_check                  { position:relative; width:100%; overflow:hidden; margin-bottom:20px; }
.powermail_fieldwrap_type_check .powermail_field { width:100%; float:right; box-shadow:none; outline:none; }
.powermail_fieldwrap_type_check .checkbox        {  } 
.powermail_fieldwrap_type_check .checkbox label  {  }
.powermail_fieldwrap_type_check .checkbox input  { margin-right:10px;  } 
.powermail_fieldwrap_type_check .checkbox checkLabel { font-family:'Archivo Narrow', Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; line-height:40px; color:#000; } 

.powermail_fieldset_3 .powermail_fieldwrap label { display:none; }

.powermail_fieldset_3 .powermail_fieldwrap_type_input.powermail_fieldwrap_mhd { float:left; width:48%; }

.formularBlockLeft  { clear:both; float:left; width:48%; }
.formularBlockRight { float:right; width:48%; }
.formularPic        { width:100%; height:auto; }
.formularPicMHD     { clear:both; width:48%; float:left; margin-bottom:10px; }
.formularPic img    { width:100%; height:auto; }

.powermail_fieldset_3 .powermail_fieldwrap_type_input.powermail_fieldwrap_charge { float:left; width:49.5%; }
.powermail_fieldset_3 .powermail_fieldwrap_type_input.powermail_fieldwrap_id     { float:right; width:49.5%; }

.powermail_fieldset_3 .powermail_fieldwrap_type_input.powermail_fieldwrap_tofu_mhd .powermail_input { border:1px solid #f00; }
.powermail_fieldset_3 .powermail_fieldwrap_type_input.powermail_fieldwrap_charge .powermail_input { border:1px solid #00f; }
.powermail_fieldset_3 .powermail_fieldwrap_type_input.powermail_fieldwrap_id .powermail_input { border:1px solid #7eab1e; }


.powermail_fieldwrap_type_text                  { position:relative; width:100%; height:auto; overflow:hidden; }
.powermail_fieldwrap_type_text .powermail_field { position:relative; width:100%; margin-top:2px; padding:0 0 4px;
                                                  font-size:18px; line-height:22px; font-weight:400; overflow:hidden; } 

.powermail_fieldwrap_type_file                  { position:relative; width:100%; overflow:hidden; margin:0 0 10px; }
.powermail_fieldwrap_type_file .powermail_label { display:block; position:relative; float:left; width:100%; padding:7px 0 4px; color:#000;
                                                  font-size:18px; line-height:22px; font-weight:400; overflow:hidden; }
.powermail_fieldwrap_type_file .powermail_field { width:100%; float:right; box-shadow:none; outline:none; }
.powermail_fieldwrap_type_file input            { box-sizing:border-box; position:relative; float:right; width:100%; padding:5px;
                                                  border:1px solid #999; border-radius:5px; box-shadow:none; outline:none;
                                                  font-family:'Archivo Narrow', Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; line-height:40px; color:#000; }

input[type="file" i] { appearance:none; background-color:initial; cursor:default; align-items:baseline; color:inherit; text-overflow:ellipsis;
                       text-align:start !important; padding:initial; border:initial; white-space:pre; }
 
.powermail_fieldwrap_type_submit                        { position:relative; clear:both; width:100%; overflow:visible;}
.powermail_fieldwrap_type_submit .powermail_field       { position:relative; width:100%; float:right; border-top:10px solid transparent; padding:0; overflow:visible;  }
.powermail_fieldwrap_type_submit input.powermail_submit { box-sizing:border-box; -webkit-appearance:none; appearance:none; margin:0 0 10px;
                                                          padding:0 30px 1px; border:2px solid transparent; overflow:hidden;
                                                          text-align:center; line-height:1em; text-decoration:none; color:#000; transition:scale 0.3s ease-in-out;
														  background-color:transparent; background:url('../../../fileadmin/template/graphics/background_button_green.svg') no-repeat 0 0; background-size:100% 100%;
														  font-size:20px; line-height:45px; font-weight:500; }
														  
.powermail_fieldwrap_type_submit input.powermail_submit:hover            { scale:1.15; }
.powermail_fieldwrap_type_submit input.powermail_submit:focus            { border:2px solid #8cbe21; background-color:#8cbe21;
                                                                           background:url('../../../fileadmin/template/graphics/background_button_white.svg') no-repeat 0 0; background-size:100% 100%; }
.powermail_fieldwrap_type_submit input.powermail_submit.blockFocus:focus { border:2px solid transparent; background-color:transparent;
                                                                           background:url('../../../fileadmin/template/graphics/background_button_green.svg') no-repeat 0 0; background-size:100% 100%; }

@media screen and (min-width:700px) and (max-width:999px) {
.powermail_fieldset_2 { float:left; width:100%; }
.powermail_fieldset_3 { float:none; width:100%; }
.powermail_fieldset_2 .powermail_fieldwrap_type_input { float:left; width:48%; }
.powermail_fieldset_2 .powermail_fieldwrap_type_input.powermail_fieldwrap_produkt { float:right; }
}
@media screen and (max-width:699px) {
.powermail_fieldset_1 .powermail_fieldwrap_type_input { width:100%; }
.powermail_fieldset_1 .powermail_fieldwrap_type_input.powermail_fieldwrap_plz { width:24%; margin-left:0; }
.powermail_fieldset_1 .powermail_fieldwrap_type_input.powermail_fieldwrap_ort { width:74%; margin-left:2%; }
.powermail_fieldset_2 { float:left; width:100%; }
.powermail_fieldset_3 { float:none; width:100%; }
.powermail_fieldset_3 .powermail_fieldwrap_type_input.powermail_fieldwrap_mhd { width:100%; }

.formularBlockLeft  { width:100%; }
.formularBlockRight { width:100%; }
.formularPic        { margin-bottom:20px; }
.formularPicMHD     { width:100%; }
}

/* Fehler */
ul.powermail-errors-list,
ul.powermail-errors-list li { list-style:none !important; }

ul.powermail-errors-list { list-style-position: outside; /*margin-left:-34px;*/ list-style:none !important; }
 
ul.powermail-errors-list    { font-weight:500; color:#f00; }
ul.powermail-errors-list li { font-weight:500; color:#f00; }

/*
@media screen and (min-width:382px) and (max-width:592px) {
  .powermail_field_error_container_datenschutz ul.powermail-errors-list.filled li { top:24px; }
  .powermail_field_error_container_datenschutzf ul.powermail-errors-list.filled li { top:24px; }
}	
@media screen and (max-width:381px) {
  .powermail_field_error_container_datenschutz ul.powermail-errors-list.filled li { top:48px; }
  .powermail_field_error_container_datenschutzf ul.powermail-errors-list.filled li { top:48px; }
}
@media screen and (min-width:630px) and (max-width:1159px) {
  .powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { top:24px; }
}
@media screen and (min-width:467px) and (max-width:629px) {
  .powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { top:48px; }
}
@media screen and (min-width:376px) and (max-width:467px) {
  .powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { top:72px; }
}
@media screen and (min-width:354px) and (max-width:375px) {
  .powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { top:96px; }
}
@media screen and (max-width:353px) {
  .powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { top:120px; }
}
*/



/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../../../fileadmin/template/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../../fileadmin/template/slick/./fonts/slick.eot');
    src: url('../../../fileadmin/template/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../../fileadmin/template/slick/./fonts/slick.woff') format('woff'), url('../../../fileadmin/template/slick/./fonts/slick.ttf') format('truetype'), url('../../../fileadmin/template/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    display: block;
    position: absolute;

    top: 50%;	
    width: 40px;
    height: 80px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;
    color: transparent;
    outline: none;
	
	opacity: .75;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    opacity: 1;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 0;
    line-height: 0;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
	background-color:#8cbe21;
	background-image:url('../../../fileadmin/template/slick/arrow-left.png');
	background-repeat:no-repeat;
	background-position:10px 30px;
	background-size:19px 22px;
    left: -40px;
	border-radius:10px 0 0 10px;
}
[dir='rtl'] .slick-prev
{

}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

.slick-next
{
	background-color:#8cbe21;
	background-image:url('../../../fileadmin/template/slick/arrow-right.png');
	background-repeat:no-repeat;
	background-position:10px 30px;
	background-size:19px 22px;
    right: -40px;
	border-radius:0 10px 10px 0;
}
[dir='rtl'] .slick-next
{
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 40px;
}

.slick-dots
{
    position: absolute;
    bottom: -40px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;

    width: 20px;
    height: 30px;
    margin: 0 5px 0;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 30px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 11px;
    line-height: 30px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 30px;

    content: '•';
    text-align: center;

    opacity: .35;
    color: #87b111;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
	transition:all 0.6s ease-in-out;
}
.slick-dots li.slick-active button:before
{
	font-size: 18px;
    opacity: 1;
    color: #87b111;
}

@media screen and (max-width:499px) {
  .slick-prev {
	background-position:8px 21px;
	background-size:14px 17px;
    width: 30px;
    height: 60px;
    left: -5px;
  }
  .slick-next {
	background-position:8px 21px;
	background-size:14px 17px;
    width: 30px;
    height: 60px;
    right: -5px;
  }
}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}