/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

/* include lato family */

@font-face {font-family: 'LatoRegular';
  /* src: url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-regular-webfont.ttf') format('truetype'), */
  src: url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-regular-webfont.woff') format('woff'),
  url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-regular-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'LatoLight';
  /* src: url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-light-webfont.ttf') format('truetype'),*/
  src: url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-light-webfont.woff') format('woff'),
       url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-light-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style:  normal;
  font-display: swap;
}


@font-face {font-family: 'LatoSemiBold';
  /* src: url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-semibold-webfont.ttf') format('truetype'),*/
  src: url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-semibold-webfont.woff') format('woff'),
  url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-semibold-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {font-family: 'LatoBold';
  /* src: url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-bold-webfont.ttf') format('truetype'), */
  src: url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-bold-webfont.woff') format('woff'),
  url('../../../fileadmin/templates_2020/neudorff/main/webfonts/lato-bold-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../../../fileadmin/templates_2020/neudorff/main/webfonts/icomoon.eot');
  src:  url('../../../fileadmin/templates_2020/neudorff/main/webfonts/icomoon.eot') format('embedded-opentype'),
    url('../../../fileadmin/templates_2020/neudorff/main/webfonts/icomoon.ttf') format('truetype'),
    url('../../../fileadmin/templates_2020/neudorff/main/webfonts/icomoon.woff') format('woff'),
    url('../../../fileadmin/templates_2020/neudorff/main/webfonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-calendar-alt-regular:before {
  content: "\e900";
}
.icon-caret-down-solid:before {
  content: "\e901";
}
.icon-caret-up-solid:before {
  content: "\e929";
}
.icon-chevron-left-solid:before {
  content: "\e902";
}
.icon-chevron-right-solid:before {
  content: "\e903";
}
.icon-clock-regular:before {
  content: "\e904";
}
.icon-comments-light:before {
  content: "\e905";
}
.icon-comments-solid:before {
  content: "\e906";
}
.icon-download-solid:before {
  content: "\e907";
}
.icon-edit-regular:before {
  content: "\e908";
}
.icon-envelope-light:before {
  content: "\e909";
}
.icon-euro-sign-regular:before {
  content: "\e90a";
}
.icon-facebook-f-brands:before {
  content: "\e90b";
}
.icon-flower-regular:before {
  content: "\e90c";
}
.icon-folder-solid:before {
  content: "\e90d";
}
.icon-info-solid:before {
  content: "\e90e";
}
.icon-instagram-brands:before {
  content: "\e90f";
}
.icon-microphone-alt-solid:before {
  content: "\e910";
}
.icon-minus-solid:before {
  content: "\e911";
}
.icon-pencil-solid:before {
  content: "\e912";
}
.icon-plus-circle-solid:before {
  content: "\e913";
}
.icon-plus-solid:before {
  content: "\e914";
}
.icon-search-regular:before {
  content: "\e915";
}
.icon-shopping-cart-solid:before {
  content: "\e916";
}
.icon-thermometer-full-regular:before {
  content: "\e917";
}
.icon-thermometer-half-regular:before {
  content: "\e918";
}
.icon-thermometer-empty-regular:before {
  content: "\e919";
}
.icon-thumbs-down-solid:before {
  content: "\e91a";
}
.icon-thumbs-up-solid:before {
  content: "\e91b";
}
.icon-times-solid:before {
  content: "\e91c";
}
.icon-trash-regular:before {
  content: "\e91d";
}
.icon-youtube-brands:before {
  content: "\e91e";
}
.icon-angle-down-light:before {
  content: "\e91f";
}
.icon-angle-down-regular:before {
  content: "\e920";
}
.icon-angle-left-light:before {
  content: "\e921";
}
.icon-angle-left-regular:before {
  content: "\e922";
}
.icon-angle-right-light:before {
  content: "\e923";
}
.icon-angle-right-regular:before {
  content: "\e924";
}
.icon-angle-up-light:before {
  content: "\e925";
}
.icon-angle-up-regular:before {
  content: "\e926";
}
.icon-arrows-regular:before {
  content: "\e927";
}
.icon-arrows-v-light:before {
  content: "\e928";
}
.icon-bars-solid:before {
  content: "\e92a";
}
.icon-info-circle-light:before {
  content: "\e92b";
}
.icon-calendar:before {
  content: "\e92c";
}
.icon-euro:before {
  content: "\e92d";
}
.icon-clock:before {
  content: "\e92e";
}
.icon-difficulty-1:before {
  content: "\e92f";
}
.icon-difficulty-2:before {
  content: "\e930";
}
.icon-difficulty-3:before {
  content: "\e931";
}
.icon-search-2:before {
  content: "\e932";
}
.icon-apptouch:before {
  content: "\e933";
}
.icon-flower-2:before {
  content: "\e934";
}
.icon-e-mail-2:before {
  content: "\e935";
}
.icon-download-2:before {
  content: "\e936";
}
.icon-newsletter-2:before {
  content: "\e937";
}
.icon-plantdoctor:before {
  content: "\e938";
}
.icon-collection-folder:before {
  content: "\e93a";
}
.icon-podcast-ndf:before {
  content: "\e939";
}
.icon-forum-ndf:before {
  content: "\e93b";
}
.icon-humidity:before {
  content: "\e93c";
}
.icon-temperature:before {
  content: "\e93d";
}
.icon-sustainability:before {
  content: "\e93e";
}
.icon-quality-standard:before {
  content: "\e93f";
}
.icon-list-solid:before {
  content: "\e940";
}
.icon-th-large-solid:before {
  content: "\e941";
}
.icon-check-regular:before {
  content: "\e942";
}
.icon-sign-in-light:before {
  content: "\e943";
}
.icon-sign-out-light:before {
  content: "\e944";
}
.icon-user-light:before {
  content: "\e945";
}
.icon-user-circle-light:before {
  content: "\e946";
}
.icon-pinterest:before {
  content: "\e947";
}
.icon-plantprotect:before {
  content: "\e948";
}
.icon-prevent:before {
  content: "\e949";
}
.icon-lock-solid:before {
  content: "\e94a";
}
.icon-unlock-solid:before {
  content: "\e94b";
}
.icon-linkedin-in:before {
  content: "\e94c";
}
.icon-xing:before {
  content: "\e94d";
}
.icon-phone-solid:before {
  content: "\e94e";
}
.icon-contact-icon:before {
  content: "\e94f";
}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}

/* Webfonts in use: LatoRegular, LatoLight, LatoSemiBold; LatoBold" */
/* Iconfont: font-family:"icomoon"; */
/* Colors
Green: rgb(32,153,63), #20993f
Lightgreen: rgba(215,232,209,1)
Yellow: rbg(251,243,9), #fbf309
Yellow 5%: rbga(251,243,9,.05)
Brown: rgba(112, 108, 89, 1)
Lightbrown: Brown: rgba(112, 108, 89, 0.6), #c6c4bd
*/


/* General */
* {box-sizing:border-box; outline:0; text-rendering: optimizeSpeed; font-variant-ligatures: no-common-ligatures;}
*::selection {background: #20993f; color: #ffffff;}
*::-moz-selection {background: #20993f; color: #ffffff;}
html {height:100.2%; font-size:100%; scroll-padding-top: 150px;}
body {margin:0;}
img {border:none;}
div, p, li, th, td, dt, dd {font-size:20px; font-size:1.25rem; line-height:1.3; color:#000; font-family:LatoLight, Verdana, sans-serif;}
.ce-bodytext p,
.ce-bodytext li,
.ce-bodytext a { -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
 hyphens: auto;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:1.2; font-family: 'LatoSemiBold', Verdana, sans-serif;}
h1, h2, h3 {color:#20993f;}
h1 {margin:40px 0 25px; font-size:42px; font-size:2.625rem;}
h2 {margin: 0 0 15px; font-size:38px; font-size:2.375rem;}
h3 {margin:0 0 15px; font-size:28px; font-size:1.75rem;}
h4 {margin:25px 0 8px; color:#000; font-size:22px; font-size:1.375rem;}
.frame-default > header h2,
.frame-default > header h3 {margin-top:40px;}
a {color:#20993f; text-decoration:none; font-family:LatoRegular, Verdana, sans-serif;}
th, td {vertical-align:top;}
strong {font-weight:normal; font-family: 'LatoRegular', Verdana, sans-serif;}
hr {border: 0; border-top: dotted 1px rgb(110,105,86);}
input:not(input[type="file"]):not(input[type="radio"]):not(input[type="checkbox"]):not(input[type="text"]):not(input[type="email"]):not(input[type="password"]):not(input[type="number"]), textarea, select {font-size:16px; font-size:1rem; border:none; font-family:LatoRegular, Verdana, sans-serif;
  -webkit-box-shadow: inset 1px 4px 10px -8px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 1px 4px 10px -8px rgba(0,0,0,0.2);
  box-shadow: inset 1px 4px 10px -8px rgba(0,0,0,0.2);
}
textarea, select,
input[type="text"], input[type="email"], input[type="password"], input[type="number"] {border:solid 1px rgba(112, 108, 89, 0.2);}
figure {margin:0;}

.teaserbox {width: 30.66666666666667%; background-color: #fff; border-radius: 12px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); cursor:pointer;
  transition: background 0.2s linear 0s; line-height: 1;}
.teaserbox:hover {background-color:#20993f; color:#fff;}
.teaserbox a {padding: 15px 20px 15px; line-height: 1;}
.teaserbox:hover a {color:#fff;}
.teaserbox img { display:block; max-width: 100%; height: auto; }

.readmore::before {display:block; position:relative; content: "";}
.contentopen + .readmore::before {display:none;}
.contentopen + .readmore {margin-top:0;}
.readmore { text-align:right; }
.readmore button::before {content:none;}
.readmore button {border:none; width:auto; display:inline-block; padding-top:0 !important; background-image: none;}
.readmore button i {margin-right:10px;}
.shortme {overflow:hidden; margin-bottom:25px !important; height:550px;}
.round-images .ce-textpic img,
.round-images .ce-image img {border: solid 10px rgba(215,232,209,1) !important; border-radius:100%;}
.round-images .ce-textpic figcaption,
.round-images .ce-image figcaption {margin-top:2%; text-align: center;}
.back-to-top {position: fixed; bottom:20px; right:20px; padding-top:5px; width:50px; height:50px; border-radius:100%;  text-align:center; background-color:#9ccba5;}
.back-to-top i {font-size:38px;}
.clearfix {clear:both;}
.spinner {max-width:1200px; margin:0 auto; text-align:center;}
.spinner .sr-only {display:none;}
.spinner i {color:#20993f}
input::-ms-clear {display: none;}
span.GruenerBG {display:block; margin:10px 0; padding:10px; background-color:#20993f; color:#fff; text-align:center;  font-family:LatoSemiBold, Verdana, sans-serif;}
span.note {color:#bc0000;}
.embed-container {position:relative; margin-bottom:15px; padding-bottom:28.25%; /* ratio 16x9 */ height:0; overflow:hidden;  width:50%; height:auto;}
.embed-container iframe {position:absolute; top:0; left:0; width: 100%;  height:100%;}
.shint {padding:2px; border-radius:2px; background-color:#20993f; color:#fff;}


/* fluid content */
.ce-uploads img {padding-right:10px;}
.ce-border img, .ce-border iframe {border: solid 2px rgba(215,232,209,1);}

/* spinner */
.spinner {margin-top:30px; border: 12px solid #7a7568; border-top: 12px solid #20993f;  border-radius: 50%; width:80px; height: 80px; animation: spin 2s linear infinite;}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* corona extra */
#shopalert a {display:block; width:100%; padding:10px 3%; background-color:#bc0000; text-align:center;  color:#fff;  font-family:LatoBold, Verdana, sans-serif; font-size:16px; font-size:1rem;}

/* rte */
.GrünerButton,
.btn-contact,
.btn-shop,
.gruenerButton,
.link-internal-button {display:inline-block; height:40px; padding: 9px 18px 0 18px; border-radius: 30px; text-decoration:none; color:#fff; background-color:#20993f; font-size: 18px; font-size: 1.125rem; line-height: 22px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.button.btn-contact::before,
.btn-contact::before {display:inline-block; margin-right:8px; content:"\e905"; font-family:"icomoon";}
.button.btn-shop::before,
.btn-shop::before {display:inline-block; margin-right:8px; content:"\e916"; font-family:"icomoon";}
.btn-contact:hover,
.btn-shop:hover,
.gruenerButton:hover,
.GrünerButton:hover,
.link-internal-button:hover {background-color: #11a248;}

/* rte icons in content */
.icon-temperature,
.icon-humidity,
.icon-sustainability,
.icon-quality-standard,
.icon-flower-2 {font-family:LatoBold, Verdana, sans-serif !important;}
.icon-sustainability,
.icon-quality-standard,
.icon-flower-2 {display: flex; align-items: center;}
.icon-temperature::before,
.icon-humidity::before,
.icon-sustainability::before,
.icon-quality-standard::before,
.icon-flower-2::before {display:inline-block; margin-right:8px; font-family:"icomoon";}
.icon-temperature::before {content:"\e93d";}
.icon-humidity::before {content:"\e93c";}
.icon-flower-2::before,
.icon-sustainability::before,
.icon-quality-standard::before {width:44px; text-align: center; margin-right:12px; font-size:2.4rem;}
.icon-sustainability::before {content:"\e93e";}
.icon-quality-standard::before {content:"\e93f";}
.icon-flower-2::before {content:"\e934";}

.icon-linkedin-in {position: relative; text-decoration: none !important; font-family:LatoSemiBold, Verdana, sans-serif !important;}
.icon-linkedin-in::before {margin-right:2px; padding:2px 4px; border-radius:3px; background-color:#006699; color:#fff; font-size:1rem; font-family:"icomoon";}

.icon-xing {position: relative; text-decoration: none !important; font-family:LatoSemiBold, Verdana, sans-serif !important;}
.icon-xing::before {margin-right:2px; padding:2px 4px; border-radius:3px; background-color:#00605e; color:#fff; font-size:1rem; font-family:"icomoon";}


/* rte 16.04.2020 */
.text-center {text-align:center;}
.text-right {text-align:right;}
.frame-space-after-small {margin-bottom:25px !important;}
.frame-space-after-small {margin-top:25px !important;}
.frame-space-after-large {margin-bottom:50px !important;}
.frame-space-before-large {margin-top:50px !important;}
.frame-space-after-extra-large {margin-bottom:75px !important;}
.frame-space-before-extra-large {margin-top:75px !important;}
.green-highlight {color:#20993f; font-family: LatoSemiBold,Verdana,sans-serif;}
.button.button-rte {display:inline-block; width:auto; height:auto; line-height: 1; padding: 11px 18px; text-align: left;}
.button.button-rte.button-orange {background-color:#f06b00;}

/* button online shop and shopfinder global */
.button.onlineshop-link {display:inline-block; text-align:center !important; width:auto !important; padding:10px 0 0; text-align:left; margin-top:5px;
background-color:#ffee00 !important; height:44px !important; margin-bottom:4px;
}
.button.onlineshop-link:hover {background-color:#fff465 !important;}
.button.onlineshop-link::before {display:none;}
.button.onlineshop-link > a {color:#000 !important; font-family: LatoSemiBold, Verdana, sans-serif}
.button.onlineshop-link > a::before {margin-right:10px; content: "\e916"; font-size:16px; font-size:1rem; font-family:"icomoon";}
.button.onlineshop-link button {background:none !important; width:100% !important; margin:0 !important; padding:0 !important; line-height:24px; font-size:1.125rem !important; font-family:LatoRegular, Verdana, sans-serif !important; text-align:center;}
.button.onlineshop-link button::before {margin-right:8px; content: "\e916"; background-color: transparent; color: #fff; font-size:16px; font-size:1rem; font-family:"icomoon";}

.frame-type-list .button.onlineshop-link {height:auto !important; line-height: 1; margin:0; padding: 12px 18px 12px 18px;}

.additinal-info-link.button,
.shopfinder-link.button {background-color:transparent; border:solid 2px #20993f; color:#20993f; line-height: 1;}
.additinal-info-link.button a,
.shopfinder-link.button a {color:#20993f; font-family: LatoSemiBold, Verdana, sans-serif}
.additinal-info-link.button:hover,
.additinal-info-link.button:hover a,
.shopfinder-link.button:hover,
.shopfinder-link.button:hover a {color:#fff;}

/* security advices */
#global-security-advices {padding:40px 0 40px; max-width: 1200px; margin:0 auto; border-top: dotted 1px rgb(110,105,86);}
#global-security-advices span {display:block; font-size:0.875rem;}

/* overall */
body > header {padding:0;
  background: rgb(251,243,9);
  background: linear-gradient(180deg, rgba(251,243,9,1) 0%, rgba(253,249,132,1) 40%, rgba(255,254,242,1) 100%);
}
body > header * {
    transition: .2s height, .2s width, .2s border-radius, .4s padding;
    -moz-transition: .2s height, .2s width, .2s border-radius, .4s padding;
    -webkit-transition: .2s height, .2s width, .2s border-radius, .4s padding;
}

/* on scroll */
body.scrolled > header {position:fixed; top:0; width:100%; z-index:12000;}
body.scrolled #searchform,
body.scrolled #countrywrap,
body.scrolled #metanav,
body.scrolled #buttonnav {display:none;}
body.scrolled #topbox {height:55px;}
body.scrolled nav#topnav,
body.scrolled nav#topnav-2 {margin-top:7px;}
body.scrolled div#topbox a#homelink {width: 130px; padding: 10px 8px 15px 10px;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;}
body.scrolled div#topbox a#homelink img {width: 100%; height: auto;}
body.scrolled #mobile-header {margin-top:7px;}

footer {clear:both; overflow:hidden; /* background-color:#20993f; */
  /* background: rgb(255,242,76);
  background: linear-gradient(180deg, rgba(255,242,76,1) 0%, rgba(255,255,253,1) 56%, rgba(255,255,253,1) 100%); */
  background: rgb(251,243,9);
  background: linear-gradient(180deg, rgba(251,243,9,1) 0%, rgba(255,255,253,1) 56%, rgba(251,243,9,0.05) 100%);
}
nav#topnavmobil {display:none;}
ul#skipnav {display:none;}
div#topbox {display:flex; flex-wrap: wrap; justify-content: space-between; position:relative; padding:0; max-width:1200px; height:126px; margin:0 auto;}
div#breadcrumb {float:left; width:100%;}
div#contenthead {padding:0; width:100%; height:auto; margin:0 auto;}
div#contentmain {overflow:hidden; width:100%; height:auto; background-color: rgba(251,243,9, .05);}
div#main {clear:both;}
div#footerbox {overflow:hidden; max-width:1200px; height:auto; padding:50px 0 35px 0; margin:0 auto;}

/* cookie notification box */
div#cookiehint {position:fixed; bottom:20px; left:20px; width:30rem; padding:28px; background-color:rgba(0,144,54,0.95); color:#fff; font-size:1rem; line-height:1.5; font-weight:bold; border-radius:12px; box-shadow:10px 6px 12px 0 rgba(0, 0, 0, 0.4); z-index:9999;}
div#cookiehint a {color:#fff24c;}
div#cookiehint a:hover {text-decoration:underline;}
div#cookiehint span.cookiebutton,
div#cookiehint span.cookiebutton2 {display:inline-block; margin:0 15px 0 10px; padding:5px 10px; line-height:22px; font-weight:bold; color:#000; background-color:#fff24c;}
div#cookiehint span.cookiebutton:hover,
div#cookiehint span.cookiebutton2:hover {background-color:#fff; cursor:pointer;}
.switch {position:relative; display:inline-block; vertical-align: middle; margin-bottom:0; width:2rem; height:1.05rem;}
.switch input {opacity:0; width:0; height:0;}
.slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#999; -webkit-transition:.4s; transition:.4s; border-radius:1.05rem;}
.slider:before {position:absolute; content:""; height:0.8rem; width:0.8rem; left:2px; bottom:2px; background-color:white; -webkit-transition:.4s; transition:.4s; border-radius:50%;}
input:checked + .slider {background-color:#20993f;}
input:focus + .slider {box-shadow:0 0 1px #20993f;}
input:checked + .slider:before {-webkit-transform:translateX(0.8rem); -ms-transform:translateX(0.8rem); transform:translateX(0.8rem);}

/* header */
div.navswrap {display:flex; flex-direction: column; align-items: flex-end;}
div.specialnavs {display:flex;}
div#topbox a#homelink {display:block; position:relative; left:0; z-index:1000; padding:18px 12px 30px 18px;
  -webkit-box-shadow: 0px 10px 10px -6px rgba(0,0,0,0.37);
  -moz-box-shadow: 0px 10px 10px -6px rgba(0,0,0,0.37);
  box-shadow: 0px 10px 10px -6px rgba(0,0,0,0.37);
  border-radius: 0px 0px 18px 18px;
  -moz-border-radius: 0px 0px 18px 18px;
  -webkit-border-radius: 0px 0px 18px 18px;
  background: rgb(255,238,0);
  background: linear-gradient(180deg, rgba(255,238,0,1) 0%, rgba(255,255,253,1) 98%, rgba(255,254,242,1) 100%);
}
div#topbox a#homelink img {display:block; border: 0px solid #000000;}
#mobile-header {display:none; margin-top:30px; width:100px; align-items: center; justify-content: flex-end;}
#mobile-header a {display:inline-block; width:40px; height:40px; color:#000;  border:solid 1px #000; text-align:center;}
#mobile-header a:first-child {margin-right:5%;}
#mobile-header a i {font-size: 22px; font-size: 1.375rem; line-height: 38px;}
#close-btn {display:none; cursor:pointer;}
.close-btn {float:right; width:32%; margin:5%; text-align:right; font-size:14px; font-size:0.875rem; cursor:pointer; color:#232323;}
.close-btn i {margin-right:5px;}
/* offcanvas */
body.sidr-open::before {content: ""; position: absolute; width: 100%; background: url('../../../fileadmin/templates_2020/neudorff/main/img/darkbody.png') repeat; height: 100%; z-index: 100000;}
#sidr-main {background: linear-gradient(top, #fff24c 0%, #fbf9f8 14%, #fbf9f8 100%);
background: -moz-linear-gradient(top, #fff24c 0%, #fbf9f8 14%, #fbf9f8 100%);
background: -webkit-linear-gradient(top, #fff24c 0%, #fbf9f8 14%, #fbf9f8 100%);
background: -ms-linear-gradient(top, #fff24c 0%, #fbf9f8 14%, #fbf9f8 100%);
background: -o-linear-gradient(top, #fff24c 0%, #fbf9f8 14%, #fbf9f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff24c, endColorstr=#fbf9f8,GradientType=1);}
#sidr-main .navlvl img {display:none;}
#sidr-main .logo {float: left; display: block; width: 107px; height:75px; margin-left:5%;
    padding:8px 10px 14px 9px;
    -webkit-box-shadow: -1px 1px 11px -1px rgba(0,0,0,0.27);-moz-box-shadow: -1px 1px 11px -1px rgba(0,0,0,0.27);box-shadow: -1px 1px 11px -1px rgba(0,0,0,0.27);
    border-radius: 0px 0px 12px 12px;
    -moz-border-radius: 0px 0px 12px 12px;
    -webkit-border-radius: 0px 0px 12px 12px;
    background: rgb(255,238,0);
    background: linear-gradient(180deg, rgba(255,238,0,1) 0%, rgba(255,255,253,1) 98%, rgba(255,254,242,1) 100%);
}
#sidr-main a#homelink img {display:block; width:100%; height:auto;}
#sidr-main .topnavsub,
#sidr-main .topnavsub2 {display:none;}
#sidr-main ul  {padding:0; margin:0; list-style-type:none;}
#sidr-main .navlvl {clear:both; margin-top:20px;}
#sidr-main .productsmenu-2 .single-link,
#sidr-main .navlvl li {border-top:1px solid #dddabf;}
#sidr-main .navlvl li.open,
#sidr-main .navlvl li.act {background-color:#20993f;}
#sidr-main .navlvl li.open a,
#sidr-main .navlvl li.act a {color:#fff;}
#sidr-main .navlvl li.open .plus::after,
#sidr-main .navlvl li.act .plus::after {color:#fff;}
#sidr-main .navlvl > li:last-child {border-bottom:1px solid #dddabf;}
#sidr-main .navlvl .cat-title,
#sidr-main .navlvl a {display:inline-block; width:80%; padding:15px 15px; font-size:16px; font-size:1rem; color:#232323; font-family:LatoBold, Verdana, sans-serif; text-transform:uppercase;}
#sidr-main .plus {width: 20%; display: inline-block; text-align: center; padding: 10px; font-size:16px; font-size:1rem; }
#sidr-main .plus::after {content:"\e914"; display:block; font-family:"icomoon"; color:#000;}
#sidr-main .minus::after {content:"\e911"; display:block; font-family:"icomoon"; color:#fff;}
#sidr-main .navlvl li.open ul .plus::after,
#sidr-main .navlvl li.act ul .plus::after {color:#000;}
#sidr-main .navlvl ul {background-color:#f5efa9;}
#sidr-main .navlvl li.open ul li.open,
#sidr-main .navlvl li.act ul li.act {background-color:#fefacd;}
#sidr-main .navlvl ul a {color:#232323 !important;}
#sidr-main .navlvl ul .minus::after {color:#000 !important;}
#sidr-main .navlvl ul li.open,
#sidr-main .navlvl ul li.act {background-color:#f5efa9;}
#sidr-main .navlvl ul ul {background-color:#f5f4ec;}
#sidr-main .navlvl li.open ul li.open ul li.open,
#sidr-main .navlvl li.act ul li.act ul li.act {background-color:#f5efa9;}
#sidr-main .navlvl ul ul a {text-transform:none; width:100%;}
#sidr-main .meta {padding:15px !important; border-bottom:1px solid #dddabf;}
#sidr-main .meta a {display:inline-block; margin-bottom:15px; font-size:16px; font-size:1rem; color:#232323; font-family:LatoBold, Verdana, sans-serif;}
#sidr-main .meta li:last-child a {margin-bottom:0;}
#sidr-main .meta i {margin-right:7px; font-size:18px; font-size:1.125rem; color:#232323;}
/* #sidr-main .sidr-inner:last-child a {margin-bottom:15px; font-size:16px; font-size:1rem; color:#232323; font-family:LatoBold, Verdana, sans-serif;}
#sidr-main .sidr-inner:last-child {float:left; margin-top:15px; padding-left:15px; text-align:center;}
#sidr-main .sidr-inner:last-child {color:transparent;} */

/* new menu */
#sidr-main .topnavsub-2  {position: static; box-shadow: none; opacity: 1; visibility: visible; transition: none;}
#sidr-main .topnavsub-2 > span,
#sidr-main .topnavsub-2 > li {font-size:1rem;}
#sidr-main .productsmenu-3 .topnavsub-2 a,
#sidr-main .productsmenu-2 .single-link,
#sidr-main .cat-title {text-transform: none !important;}
#sidr-main .downloads .topnavsub-2 > li,
#sidr-main .gardentopics .topnavsub-2 > li,
#sidr-main .productsmenu-2 > .topnavsub > li,
#sidr-main .productsmenu-3 > .topnavsub > li {width: 100%;}
#sidr-main .topnavsub-2 > span,
#sidr-main .topnavsub-2 > li span {border-bottom:none;}
#sidr-main .downloads .topnavsub-2 > li,
#sidr-main .gardentopics .topnavsub-2 > li,
#sidr-main .productsmenu-2 > .topnavsub > li,
#sidr-main .productsmenu-3 > .topnavsub > li {margin:0;}
#sidr-main .productsmenu-2 .topnavsub-3 a {margin:0;}
#sidr-main .productsmenu-2 .single-link {width: 100% !important;}
#sidr-main .productsmenu-2 .single-link::before {display:none;}
#sidr-main  .downloads .topnavsub-2 a,
#sidr-main  .gardentopics .topnavsub-2 a,
#sidr-main .topnavsub-2 > span,
#sidr-main .topnavsub-2 > li {text-transform: none;}
#sidr-main .productsmenu-3 .topnavsub-2 a {margin: 0; display: block; width: 100%; padding: 18px 15px;}
#sidr-main .gardentopics .topnavsub-2 > span {display:none;}
#sidr-main .show-more {display:none !important;}
#sidr-main .advicehelp .topnavsub-2 > li.last,
#sidr-main .advicehelp .topnavsub-2 > li.first {width: 100%;}
#sidr-main .advicehelp .topnavsub-3 li,
#sidr-main .advicehelp .topnavsub-2 > li span {margin-bottom:0;}
#sidr-main .advicehelp .topnavsub-2 > li span.titlewrap {width:auto;}
#sidr-main .advicehelp .topnavsub-3 li {height: auto;}
#sidr-main .summary {display:none;}

.sidr-inner > .col {display:flex; margin-bottom:20px; padding:0 15px;}
.sidr-inner > .col:first-child {padding-top:15px;}
.sidr-inner #current_country {display:block; padding:15px 15px 0; text-transform: none; width:100%; font-size: 16px; font-size: 1rem; color: #232323; font-family: LatoBold, Verdana, sans-serif;}
.sidr-inner #countrynav {position: static; padding:15px 15px 0; width: 100%; background: transparent;}
.sidr-inner #countrynav .col {display:flex; flex-wrap:wrap; float:none; width: auto; margin-right: 0;}
.sidr-inner #countrynav .col a {display:block; width:25%; color:transparent; text-indent: -999px; font-size:0;}
.sidr-inner #countrynav .col img {display: block;}
.sidr-inner #countrynav .col:last-child > img {display:none;}

.sidr-inner #languageswitch {display:block; padding:15px; color:#000;}

#sidr-main div.frame-type-menu_pages header {display:none;}
#sidr-main div.frame-type-menu_pages,
#sidr-main .buttonnav {padding: 15px !important; border-bottom: 1px solid #dddabf;}
#sidr-main div.frame-type-menu_pages a,
#sidr-main .buttonnav a {display:inline-block; margin-bottom:15px; font-size:16px; font-size:1rem; color:#232323; font-family:LatoBold, Verdana, sans-serif;}
#sidr-main div.frame-type-menu_pages ul li:nth-last-child(2) a,
#sidr-main .buttonnav li.last a {margin-bottom:0;}
#sidr-main div.frame-type-menu_pages ul li:last-child {display:none;}
/* owl slider */
div.tx-ff-owl-slider {line-height:0; display:none;}
div.tx-ff-owl-slider .owl-item .item img {width:100%; height:auto;}
div.tx-ff-owl-slider .owl-item .item {position:relative;}
div.tx-ff-owl-slider div.caption-wrapper {position:absolute; max-width:1200px; width:100%; height:100%; top:0; left: 0; right: 0; margin: 0 auto;}
div.tx-ff-owl-slider .slider-caption {position: absolute; right:2%; max-width:390px; padding:30px 27px; background-color: rgba(255,255,255,0.8); border-radius: 12px;
top: 45%;
-webkit-transform: translateY(-45%);
-ms-transform: translateY(-45%);
transform: translateY(-45%);
}

div.tx-ff-owl-slider .slider-caption h3 {margin:0; color:#20993f;}
div.tx-ff-owl-slider .slider-caption p {margin:10px 0 4px 0; line-height:1.3; font-family: LatoRegular,Verdana,sans-serif;}
div.tx-ff-owl-slider .slider-caption a {display: inline-block; background-color: #20993f; color: #fff; border-radius: 20px; padding: 8px 20px; margin-top: 18px; font-size:18px; font-size:1.125rem; line-height:22px;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;}

div.tx-ff-owl-slider .slider-caption a:hover {background-color:#11a248;}
div.tx-ff-owl-slider .slider-caption a::before {margin-right:10px; color: #fff; content: "\f105" !important;  font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;}
div.tx-ff-owl-slider .owl-buttons {position:absolute; top:45%; width:100%;}

div.tx-ff-owl-slider .layout-2 {padding:85px 65px 0; background:none; background:url('../../../fileadmin/templates_2020/neudorff/main/img/woodn_sign.png') no-repeat; width:610px; max-width: 610px; height: 395px;}
div.tx-ff-owl-slider .layout-2 h3 {color:#ffed00; font-size:52px; font-size:3.25rem; line-height:62px;
transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}
div.tx-ff-owl-slider .layout-2 p {margin-top:15px; color:#fff; font-size:34px; font-size:2.125rem; line-height:40px;
transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}

div.tx-ff-owl-slider .layout-3 {max-width:400px; left: 2%;}

.owl-theme .owl-controls .owl-buttons div {position:absolute; display:block; width:52px; margin:0; padding:0; opacity:0.9; border-radius:0; font-size: 75px; font-size:4.6875rem; line-height:75px; background:none; color:transparent;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {opacity:0.8;}
.owl-theme .owl-controls .owl-page span {width:18px; height:18px; background-color:#fff; opacity:1;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background-color:#20993f;}

.owl-prev {left:3%;}
.owl-next {right:3%;}
.owl-prev::before {
  color: #fff;
  content: "\e902" !important;
  font-family: "icomoon";
  font-style: normal;
  font-weight: 900;
}

.owl-next::before {
  color: #fff;
  content: "\e903" !important;
  font-family: "icomoon";
  font-style: normal;
  font-weight: 900;
}

div.tx-ff-owl-slider .owl-controls {margin:0;}
div.tx-ff-owl-slider .owl-pagination {position:absolute; width:100%; bottom:-40px; text-align:center;}

/* metanav */
nav#metanav {overflow:hidden; margin-top:20px;}
nav#metanav ul {margin:0; padding:0; list-style-type:none;}
nav#metanav ul li {display:inline-block; border-right:1px solid #e5db56;}

nav#metanav ul li.act a {text-decoration:underline;}
nav#metanav ul li a {display:inline; padding:0 12px; font-size:12px; font-size:0.75rem; color:#232323; text-decoration:none; text-transform:uppercase; font-family:LatoRegular, Verdana, sans-serif;}
nav#metanav ul li a:hover {text-decoration:underline;}

/* buttonnav */
nav#buttonnav {overflow:hidden; margin-top:15px; margin-right:10px;}
nav#buttonnav ul {margin:0; padding:0; list-style-type:none;}
nav#buttonnav li {line-height: 1;}
nav#buttonnav a {display:flex; align-items: center; color:#000; padding:10px 15px; background-color:#ebe37b; font-size:1rem; border-radius: 30px;}
nav#buttonnav ul li:first-child a::before {font-size:1.1rem; content: "\e94f"; font-family:"icomoon"; margin-right:8px;}

 /* languagemenu */
 .languagenav,
div.tx-srlanguagemenu {margin-top:20px; padding:0 0 0 12px; }
.languagenav a,
div.tx-srlanguagemenu a {margin-right:30px; font-size:12px; font-size:0.75rem; text-decoration:none; color:#232323;}
.languagenav a:hover,
div.tx-srlanguagemenu a:hover {text-decoration:underline;}
 /* country menu */
span#current_country {display:inline-flex; line-height:1.5; padding: 0 12px; text-decoration: none; cursor:pointer; color: #232323;
  font-family: LatoRegular, Verdana, sans-serif; font-size: 12px; font-size: 0.75rem; text-transform: uppercase;}
span#current_country img {position:relative; top:2px; border:solid 1px #e5db56;}
span#current_country i {padding:0 0 0 10px; font-size:16px; font-size:1rem;}
span#current_country:hover {background:none;}
div#countrywrap {position:relative;  /* margin-right:12px; */ margin-top:20px;}
#countrynav {display:none; position:absolute; top:52px; right:0; width:500px; padding:30px 30px 20px 30px; background-color:#fff; z-index:100;}
#countrynav .col {float:left; width:32%; margin-right:2%;}
#countrynav .col:last-child {margin:0;}
#countrynav a {display:block; color:#232323; margin-bottom:8px; font-size:14px; font-size:0.875rem; line-height:22px;}
#countrynav a.act,
#countrynav a:hover {color:#908400; text-decoration:underline;}
#countrynav a img {margin-right:10px; vertical-align:sub;}
 /* search */
form#searchform {float:right; position:relative; margin-top:15px;}
form#searchform fieldset {margin:0; padding:0; border:none;}
form#searchform fieldset legend {display:none;}
form#searchform fieldset label {display:none;}
form#searchform fieldset input#searchinput {width:188px; height:38px; padding:0 40px 0 16px; border-radius:35px; background-color:#ebe37b; border:none;}
form#searchform fieldset input#searchsubmit {position:absolute; right:0; top:0; width:40px; padding:0; background:none; border:none; cursor:pointer; box-shadow:none; font-size:18px; font-size:1.125rem; line-height:35px; font-family:"icomoon";}


/* topnav */
nav#topnav {overflow:hidden; margin-top:25px;}
nav#topnav > ul {text-align: right;}
nav#topnav ul {margin:0; padding:0; list-style-type:none;}
nav#topnav ul li {display:inline-block; background:url('../../../fileadmin/templates_2020/neudorff/main/img/separator-topnav.png') left 12px no-repeat;}
nav#topnav ul li.first {background-image:none;}
nav#topnav ul li.act + li {background-image:none;}
nav#topnav ul li:hover + li {background-image:none;}
nav#topnav ul li > a {display:inline-block;  padding:10px 18px 16px; font-size:19px; font-size:1.1875rem; line-height:22px; letter-spacing:-0.2px; color:#232323; text-decoration:none; text-transform:uppercase; font-family:LatoRegular, Verdana, sans-serif;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
nav#topnav > ul > li > a[href*=neudorff-rasencheck],
nav#topnav > ul > li > a[href*=neudorff-aktion],
nav#topnav > ul > li > a[href*=neudorff-promotion] {color:#20993f;}
/* nav#topnav ul li.green > a {color:#20993f; font-family:LatoSemiBold, sans-serif;} */
nav#topnav ul li.act > a {color:#908400; background-color:#e5e2c1;}
nav#topnav ul li.cur > a {color:#908400; background-color:#e5e2c1;}
nav#topnav ul li a:hover {color:#908400; background-color:#e5e2c1;}
nav#topnav ul li.act ul li a {background-color:transparent;}
nav#topnav ul li ul li:last-child a {color:#232323; font-family:LatoRegular, sans-serif;}
nav#topnav ul li ul {display:none; position:absolute; left:0; text-align: left; padding:65px 65px 55px 65px; width:100%; height:auto; background-color:#fff; z-index:9999;
-webkit-box-shadow: 0px 3px 24px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 24px 0 rgba(0,0,0,0.3);
box-shadow: 0px 3px 24px 0 rgba(0,0,0,0.3);
}
nav#topnav ul li ul li {float:left; width:28%; margin-right:5.33%; background:none; border-top:1px solid #dddabf;}
nav#topnav ul li ul li:nth-child(3n) {margin-right:0 !important;}
nav#topnav ul li ul li:nth-last-child(-n+3) {border-bottom:1px solid #dddabf;}
nav#topnav ul li ul li a {margin:0; padding:12px 0 12px 10px; width:100%; text-transform:inherit; font-size:19px; font-size:1.1875rem;}
nav#topnav ul li ul li.act a {color:#908400; background-color:#e5e2c1;}
nav#topnav ul li ul li a:hover {color:#908400; background-color:#e5e2c1;}

/* productsnav old */
nav#topnav li.productsmenu ul {padding-bottom:0 !important; background-color:#e5e2c1; z-index:1;}
nav#topnav li.productsmenu ul li {width:30%; margin-right:5%; padding:0; border:none !important;}
nav#topnav li.productsmenu ul li:nth-child(3n) {margin-right:0;}
nav#topnav li.productsmenu ul li:last-child {margin-right:0;}
nav#topnav li.productsmenu ul li a {padding:0; text-transform:uppercase; font-size:17px; font-size:1.0625rem; letter-spacing:0;}
nav#topnav li.productsmenu > a::before {margin-right:8px; line-height:16px; content:"\f07a";  font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; font-size:16px;}
nav#topnav li.productsmenu ul li a img {position:relative; width:100%; height:auto; z-index:2; margin-top:10px; margin-bottom:-5px; border-right:solid 12px transparent; border-bottom:solid 20px transparent; border-left:solid 12px transparent; border-top:solid 12px transparent; margin-left:-12px; box-sizing:content-box;}
nav#topnav li.productsmenu ul li a img:hover {border-right:solid 12px #fff; border-left:solid 12px #fff; border-top:solid 12px #fff; border-bottom:solid 20px #fff;
-webkit-box-shadow: 3px -16px 69px -36px rgba(0,0,0,0.75);
-moz-box-shadow: 3px -16px 69px -36px rgba(0,0,0,0.75);
box-shadow: 3px -16px 69px -36px rgba(0,0,0,0.75);
}
nav#topnav li.productsmenu ul li:nth-child(4),
nav#topnav li.productsmenu ul li:nth-child(5),
nav#topnav li.productsmenu ul li:nth-child(6) {margin-top:20px;}
nav#topnav li.productsmenu ul li:nth-child(4) a img,
nav#topnav li.productsmenu ul li:nth-child(5) a img,
nav#topnav li.productsmenu ul li:nth-child(6) a img {z-index:0 !important;}
nav#topnav li.productsmenu ul li:nth-child(4) a:hover img,
nav#topnav li.productsmenu ul li:nth-child(5) a:hover img,
nav#topnav li.productsmenu ul li:nth-child(6) a:hover img {z-index:2 !important;}
nav#topnav li.productsmenu ul li.cur:first-child a img {border-bottom:solid 12px #fff !important;}
nav#topnav li.productsmenu ul li:first-child a img:hover,
nav#topnav li.productsmenu ul li:last-child a img:hover {border-bottom:solid 12px #fff;}
nav#topnav li.productsmenu ul li.cur a img {border-right:solid 12px #fff; border-left:solid 12px #fff; border-top:solid 12px #fff; border-bottom:solid 20px #fff;}

nav#topnav li.productsmenu ul li ul {padding-bottom:55px !important; background-color:#fff; z-index:1;}
nav#topnav li.productsmenu ul li ul li {float:left; width:28%; margin-right:5.33%; background:none; border-top:1px solid #dddabf !important;}
nav#topnav li.productsmenu ul li ul li:nth-child(3n) {margin-right:0 !important;}
nav#topnav li.productsmenu ul li ul li:nth-last-child(-n+3) {border-bottom:1px solid #dddabf !important;}
nav#topnav li.productsmenu ul li ul li a {margin:0; padding:12px 0 12px 10px; width:100%; text-transform:initial; font-size:19px; font-size:1.1875rem; background-color:transparent !important; color:#232323 !important;}
nav#topnav li.productsmenu ul li ul li a:hover {color:#908400 !important; background-color:#e5e2c1 !important;}
nav#topnav li.productsmenu ul li ul li.act a {color:#908400 !important; background-color:#e5e2c1 !important;}
nav#topnav li.productsmenu ul li ul li:nth-child(4),
nav#topnav li.productsmenu ul li ul li:nth-child(5),
nav#topnav li.productsmenu ul li ul li:nth-child(6) {margin-top:0;}

/* topnav 2*/
nav#topnav-2 {overflow:hidden; margin-top:25px;}
nav#topnav-2 ul {list-style-type:none;}
nav#topnav-2 > ul {margin:0; text-align: right; padding:0;}
nav#topnav-2 > ul > li {display:inline-block; background:url('../../../fileadmin/templates_2020/neudorff/main/img/separator-topnav.png') left 12px no-repeat;}
nav#topnav-2 ul li.act + li {background-image:none;}
nav#topnav-2 ul li:hover + li {background-image:none;}
nav#topnav-2 > ul > li > a {display:inline-block;  padding:10px 18px 16px; font-size:19px; font-size:1.1875rem; line-height:22px; letter-spacing:-0.2px; color:#232323; text-decoration:none; text-transform:uppercase; font-family:LatoRegular, Verdana, sans-serif;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
nav#topnav-2 > ul > li > a[href*=neudorff-rasencheck],
nav#topnav-2 > ul > li > a[href*=neudorff-aktion],
nav#topnav-2 > ul > li > a[href*=neudorff-promotion] {color:#20993f;}
nav#topnav-2 ul li.act > a {color:#908400; background-color:#e5e2c1;}
nav#topnav-2 ul li.cur > a {color:#908400; background-color:#e5e2c1;}
nav#topnav-2 > ul > li:hover > a,
nav#topnav-2 > ul > li > a:hover {color:#908400; background-color:#e5e2c1;}
nav#topnav-2 ul li.act ul li a {background-color:transparent;}


/* second lvl overall */
.topnavsub-2 {position: absolute; display:flex; left:0; height:auto; width:100%; background-color:#fff; padding: 30px; z-index: 9999; text-align: left;
  -webkit-box-shadow: 0px 3px 24px 0 rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 3px 24px 0 rgba(0,0,0,0.3);
  box-shadow: 0px 3px 24px 0 rgba(0,0,0,0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms, visibility 300ms;
}

nav#topnav-2 ul li:hover .topnavsub-2 {
  opacity: 1; visibility: visible;}

.topnavsub-2 > span,
.topnavsub-2 > li {font-size:1.5rem; font-family: LatoSemiBold,Verdana,sans-serif; text-transform: uppercase;}
.topnavsub-2 > span,
.topnavsub-2 > li span {display:block; border-bottom: dotted 1px rgb(110,105,86);}
.topnavsub-2 a {padding:0; color:#000; font-size:1.125rem; font-family: LatoSemiBold,Verdana,sans-serif;  text-transform: none;}
.topnavsub-2 a:hover {text-decoration: underline;}
.topnavsub-2 .topnavsub {padding:0;}

/* productsmenu */
.productsmenu-2 > .topnavsub {flex-wrap: wrap; justify-content: space-between; flex-direction: column; max-height:850px; gap: 4%;}
.productsmenu-2 > .topnavsub > li {width:48%; margin:0 0 20px;}
.productsmenu-2 > .topnavsub > li:nth-last-child(2),
.productsmenu-2 > .topnavsub > li:last-child {border-bottom:none; margin:0;}
.productsmenu-2 .topnavsub-3 {margin: 15px 0;}
.productsmenu-2 .topnavsub-3 a {display:block; margin:10px 0;}
.productsmenu-2 .single-link {display:block; width:45%; font-size: 1.25rem; margin-bottom:15px;}
.productsmenu-2 .single-link::before {margin-right: 10px; content:"\e924"; font-family:"icomoon";}
.productsmenu-2 .single-link:hover::before {text-decoration: none;}

/* productsmenu foreign countries */
.productsmenu-3 > .topnavsub {flex-wrap: wrap; justify-content:space-between; max-height:850px; gap: 5%;}
.productsmenu-3 > .topnavsub > li {width:30%; margin:0; line-height:1;}
.productsmenu-3 > .topnavsub > li:nth-last-child(2),
.productsmenu-3 > .topnavsub > li:last-child {border-bottom:none; margin:0;}
.productsmenu-3 .topnavsub-2 a {display:block; margin:10px 0;}

/* gardentopics */
.gardentopics .topnavsub-2 {flex-wrap:wrap; gap:6.65%;}
.gardentopics .topnavsub-2 > span {display:block; width: 100%; padding-bottom:8px; margin-bottom:25px;}
.gardentopics .topnavsub-2 > li {width:20%; margin:0 0 30px;}
.gardentopics .topnavsub-2 a {display:block;}
.gardentopics .topnavsub-2 img {display:block; margin-bottom:8px; transition: opacity 600ms;}
.gardentopics .topnavsub-2 a:hover img {opacity: 0.6;}
.gardentopics .show-more {display:block; width: 100%; text-align: left; text-decoration: underline; font-family: LatoRegular,Verdana,sans-serif;}
.gardentopics .show-more:hover {text-decoration: none;}

/* advicehelp */
.advicehelp .topnavsub-2 {flex-wrap:wrap; justify-content: space-between; gap:2%;}
.advicehelp .topnavsub-2 > li span {padding-bottom:8px; margin-bottom:15px;}
.advicehelp .topnavsub-2 > li.first {width:30%;}
.advicehelp .topnavsub-2 > li.last {width:55%;}
.advicehelp .topnavsub-3 li {height:90px; margin:0 0 10px;}
.advicehelp .topnavsub-3 a {display:block; font-size:1.25rem;}
.advicehelp .topnavsub-3 a:hover {text-decoration: underline;}
.advicehelp .topnavsub-2 > li.last ul li a {display:flex; flex-wrap:wrap; justify-content: space-between;}
.advicehelp .topnavsub-2 > li span.titlewrap {width:70%; border-bottom: none; margin-bottom:0; padding:0;}
.advicehelp .topnavsub-2 > li span.summary {display:block; margin:5px 0 0 0; border-bottom: none; font-size: 1rem; font-family: LatoLight,Verdana,sans-serif;}
.advicehelp .topnavsub-3 img {transition: opacity 600ms; max-width: 120px; height: auto;}
.advicehelp .topnavsub-3 a:hover img {opacity: 0.6;}

/* downloads */
.downloads .topnavsub-2 {flex-wrap:wrap; justify-content: space-between; gap:2%;}
.downloads .topnavsub-2 > li {width:32%; margin-bottom:25px;}
.downloads .topnavsub-2 > li a {display:block; font-size:1.25rem;}
.downloads .topnavsub-2 > li span.summary {display:block; margin:5px 0 0 0; border-bottom: none; font-size: 1.125rem; font-family: LatoLight,Verdana,sans-serif;}


/* content */
  /* contenthead */
div#main div#contenthead .ce-gallery {margin-bottom:0;}

 /* specialbar */
div#main div#contentmain div#specialbar {margin-top:25px;}
div#main div#contentmain div#specialbar::after {overflow:hidden; display:block; height:0; clear:both; content:"";}

span.missing-required {font-size:16px; font-size:1rem; color:red; font-family:LatoBold, Verdana, sans-serif;}

/* magnific popup */
.mfp-title {font-size:16px; font-size:1rem; line-height:14px;}
.mfp-title .preview-hint {font-size:12px; font-size:0.75rem; margin:3px 0 0;}

  /* breadcrumb */
div#breadcrumb {font-size:13px; font-size:0.8125rem;}
div#breadcrumb a {font-size:13px; font-size:0.8125rem; color:#20993f;}
  /* contentmain */
div#main div#contentmain h5 {margin:0 0 25px 0; color:red;}
div#main div#contentmain h6 {margin:0 0 6px 0; color:red; font-size:14px; font-size:0.875rem; font-weight:normal; font-family:LatoRegular, Verdana, sans-serif;}
div#main div#contentmain p {margin:0 0 20px 0;}
div#main div#contentmain ul,
div#main div#contentmain ol {margin:0 0 20px 0; padding:0 0 0 25px;}
div#main div#contentmain li {margin-bottom:10px;}

div#main div#contentmain table.ndf-contenttable {width:100%; margin-top:30px; border-collapse:collapse;}
div#main div#contentmain table.ndf-contenttable th,
div#main div#contentmain table.ndf-contenttable td {padding: 18px 25px; font-size: 1.375rem; line-height: 26px; text-align:left;}
div#main div#contentmain table.ndf-contenttable th {background-color:#555351; color:#fff; font-weight:normal; font-family:LatoBold, Verdana, sans-serif;}
div#main div#contentmain table.ndf-contenttable tr td {border-bottom: dashed 1px #736e6a;}
div#main div#contentmain table.ndf-contenttable tr .middle {text-align:center;}
div#main div#contentmain table.ndf-contenttable tr:last-child td {border-bottom:none;}

div#main div#contentmain .comment {margin-bottom:0; font-size:14px; font-size:0.875rem; line-height:16px;}

div#main div#contentmain div.backlink {display:none; clear:both; font-size:18px; font-size:1.125rem;}
div#main div#contentmain div.backlink a {text-decoration:underline;}
div#main div#contentmain div.backlink a i {margin-right:10px;}

div#main div.gmapswrap {position: relative; padding-bottom: 56%; height: 0; overflow: hidden;}
div#main div.gmapswrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

div#main figcaption.image-caption {padding-top:5px; font-size:14px; font-size:0.875rem; font-style:italic;}

.toggle-box audio {margin-top:15px;}

/* list of round images */
div.list-round-images {margin-bottom:45px;}
div.list-round-images .ce-image {width:100%;}
div.list-round-images .ce-gallery {display:flex; flex-wrap:wrap; width:100%; margin-bottom:15px;}
div.list-round-images .ce-gallery .ce-row {width:18.8%; margin-right:1.5%;}
div.list-round-images .ce-gallery .ce-row .ce-column {float:none;}
div.list-round-images .ce-gallery .ce-row:nth-child(5n) {margin-right:0;}
div.list-round-images .ce-gallery figure {display:block;}
div.list-round-images .ce-gallery figure:hover figcaption a {background-color:#20993f; color:#fff;}
div.list-round-images .ce-gallery figure:hover > a {border:solid 10px #20993f;}
div.list-round-images .ce-gallery figure > a {display: block; position: relative; margin-top: 10px; border-radius: 100%; border: solid 10px rgba(215,232,209,1); overflow: hidden;}
div.list-round-images .ce-gallery img {width:100%; height:auto;}
div.list-round-images .ce-gallery figcaption {display:block; margin-top:10px; text-align:center;}
div.list-round-images .ce-gallery figcaption a {padding: 1% 3%; color: #000; font-size:1.25rem; line-height:31px;}

/*podcast from podigee */
.all-episodes-link {display:none !important;}

/* a-z index */
div#main div#contentmain div.az-index ul {padding:0;}

/* upload */
div#main div#contentmain .ce-uploads {padding:0;}

/* mediamodule */
div#main div#contentmain div.tx-ffndfmedia-controller h3.mctitle {margin-top:0;}
.basket-usage-msg {display:flex; font-size:20px; font-size:1.25rem;}
div.tx-ffndfmedia-controller div.section-inner {max-width:1200px; margin:0 auto;}
div#main div#contentmain div.tx-ffndfmedia-controller .mediacontentstitle h3 {color:#000; font-size:22px; font-size:1.375rem;}
div#main div#contentmain div.tx-ffndfmedia-controller .mediacontentstitle h3.basket-usage-title {margin-top:0;}
div.basket-usage-msg::after {content:" "; display:block; overflow:hidden; height:0; clear:both;}
div.basket-icon {float:left; margin-top:6px; margin-right:20px; position:relative; border-radius:100%; min-width:38px; max-width:38px; height:38px; background-color:rgba(50, 50, 50, 0.18); text-align:center;}
div.basket-icon i {display:block; padding-top:9px; font-size:1.2rem;}
div.tx-ffndfmedia-controller button {padding:0; margin:0;}
div.tx-ffndfmedia-controller i.icon-plus-circle-solid {position:absolute; top:16px; right:6px; border-radius:100%; background-color: #dad9cf; border: solid 2px #dad9cf; font-size:10px; font-size:0.625rem;}

div.tx-ffndfmedia-controller div#mediacontents {overflow:hidden; margin-top:48px; margin-bottom:110px;}

div.mediacontent-items {overflow:hidden; padding:40px 0 0; display:none;}
div.mediaitem {display:flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap; overflow:hidden; clear:both; margin-bottom:10px;}
div.mediaitem::after {content:" "; display:block; overflow:hidden; height:0; clear:both;}
div.mediaitem .mm-title {padding: 8px 25px 8px 50px; font-size: 22px; font-size: 1.375rem; background-color: rgba(215,232,209,1); color:#000; border-radius:10px; font-weight: normal; font-family: LatoSemiBold,Verdana,sans-serif; cursor: pointer; position: relative;}
div.mediaitem .mm-title::before {width:25px; height:25px; color: rgba(215,232,209,1); background-color: #fff; line-height: 27px; content: "\e914"; text-align: center; font-family:"icomoon"; font-size: 1rem;
position: absolute; left: 15px;}
div.mediaitem .mm-title:hover {background-color:#20993f; color:#fff;}
div.mediaitem .mm-title:hover::before {background-color:#fff; color:#20993f;}
div.mediaitem .act {background-color:#20993f; color:#fff;}
div.mediaitem .act::before {content:"\e911"; background-color:#fff; color:#20993f;}

.mediaitem .teaserimg img {box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);}

div#mediacontents div.mediacontent {width:21%; margin:0 4% 45px 0;}
div.mediaitem .subcontent-title {width:100%; margin-bottom:15px; font-size:24px; font-size:1.5rem; color:#20993f; font-family: LatoBold,Verdana,sans-serif;}
div.teaserimg {margin-bottom:15px;}
div.mediacontent div.media-icon {overflow:hidden; display:inline-block; vertical-align:top; margin-right:10px; width:38px; height:38px; border-radius:100%; background-color:rgba(50, 50, 50, 0.18); text-align:center;}
div.mediacontent div.media-icon:hover {background-color:#20993f;}
div.mediacontent div.media-icon a {display:block; padding:6px; font-size:20px; font-size:1.25rem; line-height:1.5; color:#2b2926;}
div.mediacontent div.media-icon button:hover,
div.mediacontent div.media-icon a:hover {color:#fff;}
div.mediacontent div.media-icon button {border:none; background:none;}
div.mediacontent div.media-icon .fa-download {line-height:26px;}
div.mediacontent div.media-icon .icon-collection-folder {display:block; padding-top:10px; font-size:1.1rem;}

div.addtobasket:hover button {color:#fff;}
div.addtobasket:hover i.fa-plus-circle {border:solid 2px #20993f !important;}
div.addtobasket i.icon-times-solid {display:block; padding:9px 0; font-size:20px; font-size:1.25rem;}

div.removebtn:hover {background-color:#bc0000 !important;}
div.removebtn:hover i.fa-times {color:#fff;}

div.mediacontent div.itemtitle {margin-top:15px; font-size:20px; font-size:1.25rem; font-family:LatoBold,Verdana,sans-serif;}

div.listalllink {width:100%; clear:both; overflow:hidden; margin-top:2%;}
div.basketlink a,
div.listalllink a {display:block; width:215px; height:40px; color:#fff; border-radius:30px; padding:9px 18px 0 18px; font-size:18px; font-size:1.125rem; line-height:22px; background-color:#20993f; cursor:pointer; text-align:right;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
div.listalllink a {text-align: left; display: inline-block; width: auto;}
div.basketlink a:hover,
div.listalllink a:hover {background-color:#11a248;}

div#mediacontents div.terms-of-use {float:left; display:flex; margin-top:50px;}
div#mediacontents div.terms-of-use label {font-size: 18px; font-size: 1.125rem;}
div.basketlink {float:right; margin-top:40px;}
div.basketlink i {margin-right:4px;}
div.basketlink a {width:auto; background:none; background-color:#20993f;}
/* lightbox */
.preview-lightbox {position: relative; width: auto; max-width: 800px; margin: 20px auto;}
.preview-lightbox div.tx-ffndfmedia-controller {margin-bottom:0;}
.preview-lightbox button.mfp-close, button.mfp-arrow {color:#fff; opacity:1; font-size:50px; font-size:3.125rem;}
.preview-lightbox div.tx-ffndfmedia-controller h2 {padding-left:3px;}
div.mfp-content div.rating,
div.mfp-content div.basket {background-color:#fff !important;}
div.podcast button.mfp-close, button.mfp-arrow {color: #fff !important; width: 30px; height: 30px; line-height: 34px;}
div.video button.mfp-close, button.mfp-arrow {background-color:rgba(255, 255, 255, 0.5);}
.preview-lightbox button.mfp-close, button.mfp-arrow {color: #333;}


/* for all gridelements */
div#main div#contentmain > .section-inner,
div#main div#contentmain div.our-service > .section-inner,
div#main div#contentmain div.darkerbg > .section-inner,
div#main div#contentmain div.more-articles > .section-inner,
div#main div#contentmain div.specialcontent > .section-inner,
div#main div#contentmain div.teaserbox-home > .section-inner,
div#main div#contentmain div.frame-custom-21 > .section-inner,
div#main div#contentmain div.expert-advice > .section-inner {max-width:1200px; margin:0 auto;}
div#main div#contentmain div.section-inner div.frame-default:not(.frame-type-menu_section) {padding:0;}
/* Standard article */
div#main div#contentmain div.frame-default {padding-top:0;}
div#main div#contentmain div.frame-custom-21 {padding:0 0 100px 0;}
div#main div#contentmain div.space-above {padding:110px 0 0 0;}
div#main div#contentmain div.frame-custom-21 div.section-inner h2 {margin:0 0 25px 0; padding-top:15px;} /* padding-top:80px; */
div#main div#contentmain div.space-above div.section-inner h2 {margin:0 0 25px 0; padding-top:0;}
div#main div#contentmain .shorten-text h2 {padding-top:5px !important;}
/* More articles section */
div#main div#contentmain div.more-articles:not(.more-articles-2) {padding-top:120px; padding-bottom:120px; width:100%; height:auto;}
div#main div#contentmain div.more-articles div.more-articles-inner {display:flex; flex-wrap:wrap; justify-content: space-between;}
div#main div#contentmain div.more-articles .header-container {width:100%;}
div#main div#contentmain div.more-articles:not(.more-articles-2) h2 {margin:0 auto 35px; padding-top:0; color:#20993f; text-align:center;}
div#main div#contentmain div.more-articles:not(.more-articles-2) p {text-align:center; margin-top:10px; margin-bottom:0;}
div#main div#contentmain div.more-articles .green-highlight,
div#main div#contentmain div.more-articles span.Hervorhebung1 {display:inline-block; margin-bottom:4px; padding:4px 12px; background-color:#20993f; font-size:21px; font-size:1.3125rem; line-height:23px;}
div#main div#contentmain div.more-articles:not(.more-articles-2) a .green-highlight {color:#fff;}
div#main div#contentmain div.more-articles:not(.more-articles-2) a {display:block; color:#fff; text-decoration:none;}
div#main div#contentmain div.more-articles:not(.more-articles-2) div.cols-3-inner .cols-3-inner-middle {margin:0 48px;}
div#main div#contentmain div.more-articles:not(.more-articles-2) figure {display:block; width:368px; height:368px; border-radius:100%; overflow:hidden;}
div#main div#contentmain div.more-articles img {width:100%; height:auto;}
/* div#main div#contentmain div.more-articles figure img {margin-left:-50px;} */

/* More articles new style */
div#main div#contentmain .more-articles-2 {margin:50px 0; padding:0; background:none;}
div#main div#contentmain .more-articles-2 .header-container {margin-bottom: 40px;}
div#main div#contentmain .more-articles-2 h2 {margin:0; padding-top:0; text-align: left;}
div#main div#contentmain .more-articles-2 .col {position: relative; width: 32%; border-radius: 12px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); overflow:hidden; background-color:#fff; }
div#main div#contentmain .more-articles-2  div.cols-3-inner-middle {margin: 0;}
div#main div#contentmain .more-articles-2 .col h2,
div#main div#contentmain .more-articles-2 .col h3,
div#main div#contentmain .more-articles-2 .col h4 {margin-top: 0; font-size: 28px; font-size: 1.75rem; color:#20993f; font-family: LatoSemiBold,Verdana,sans-serif;}
div#main div#contentmain .more-articles-2 p {font-size: 1rem; line-height: 1.5; font-family: LatoRegular,Verdana,sans-serif;}
div#main div#contentmain .more-articles-2 p:last-child {margin-bottom:0;}
div#main div#contentmain .more-articles-2 .ce-bodytext {padding:15px 12px 55px;}
div#main div#contentmain .more-articles-2 .ce-gallery {margin-bottom:0;}
div#main div#contentmain .more-articles-2 figure {height: 170px; width:100%;}
div#main div#contentmain .more-articles-2 figure img {width:100%; height:100%; object-fit: cover;}
div#main div#contentmain .more-articles-2 figure a {display: flex; align-items: center; height: 170px; overflow: hidden; border-top-left-radius: 18px; border-top-right-radius: 18px;}
div#main div#contentmain .more-articles-2 .ce-column,
div#main div#contentmain .more-articles-2 .ce-outer,
div#main div#contentmain .more-articles-2 .ce-inner {position: static; float:none;}
div#main div#contentmain .more-articles-2 figure.image {display:block;}
div#main div#contentmain .more-articles-2 .button {position: absolute; right:12px; bottom: 20px;}
div#main div#contentmain .more-articles-2 .button.button-rte {padding: 8px 18px;}

/* our service section */
div#main div#contentmain div.our-service {padding-top:90px; padding-bottom:100px; min-height:820px; background:url('../../../fileadmin/templates_2020/neudorff/main/img/servicestart-bg.webp') center no-repeat; background-size:cover;}
div#main div#contentmain div.our-service .our-service-inner {display:flex; flex-wrap:wrap; justify-content: space-between;}
div#main div#contentmain div.our-service .header-container {width:100%;}
div#main div#contentmain div.our-service h2 {width:auto; text-align:left; margin:0 0 68px; font-size: 72px; font-size: 4.5rem;  line-height:76px; color:#ffed00;}
div#main div#contentmain div.our-service h3 {height:60px; margin-top:0; font-size:25px; font-size:1.5625rem; color:#20993f; text-align:center; font-family:LatoRegular, Verdana, sans-serif;}
div#main div#contentmain div.our-service .ce-textpic img {margin-top:35px;}
div#main div#contentmain div.our-service .col {display:block; background: rgba(255, 255, 255, 0.9); padding-top:54px; width:368px; height:354px; border-radius:16px;}
div#main div#contentmain div.our-service div.cols-3-inner .cols-3-inner-middle {margin:0 48px;}

/* grid element with darkerbg */
div#main div#contentmain div.darkerbg {margin:75px 0 75px;}

/* expert advice */
div.expert-advice.green-bg {padding: 60px 0; background: none; background-color:rgba(215,232,209,1);}
div#main div#contentmain div.expert-advice h2 {padding-top: 0; margin-top: 0; margin-bottom: 20px;}
div#main div#contentmain div.expert-advice a {color:#000;}
div#main div#contentmain div.expert-advice .btn-contact {background-color: #fff; color: #000;}

/* app download */
div#main .appdownload {display:flex; flex-wrap:wrap;}
div#main .appdownload .col:first-child {width:25%;}
div#main .appdownload .col:last-child {width:73%; margin-left:2%;}

/* Slider overall*/
div.tx-ffndfcontentslider-pi {overflow:hidden; cursor:pointer;}
div.tx-ffndfcontentslider-pi div.section-inner {max-width:100%;}
div.tx-ffndfcontentslider-pi div.tx-ffndfcontentslider-pi-bg {min-height:994px;  padding:110px 0;}
div#main div#contentmain div.tx-ffndfcontentslider-pi h2.layout-1 {max-width:810px; margin:0 auto 30px; text-align:center;}
div#main div#contentmain div.tx-ffndfcontentslider-pi h2.layout-2 {max-width:810px; margin:0 auto 30px; padding: 0; text-align:center;}
div.tx-ffndfcontentslider-pi h2 {margin-top:0; margin-bottom:50px;}
div#main div#contentmain div.tx-ffndfcontentslider-pi h4 {margin:0 0 15px 0;}
div.tx-ffndfcontentslider-pi p {color:#000;}
div.tx-ffndfcontentslider-pi div.section-inner ul {padding:0 0 0 20px; margin:0;}
.slick-slider {margin-bottom:0 !important;}
div.tx-ffndfcontentslider-pi div.slick-list {max-width:1200px; margin:0 auto;}
div.tx-ffndfcontentslider-pi div.slider {margin-bottom:0 !important;}
div.tx-ffndfcontentslider-pi div.slick-slide {margin:0 30px 0 0; padding:0 0; user-select: text; -moz-user-select: text; -ms-user-select: text;}
div.tx-ffndfcontentslider-pi .slick-arrow {width:48px; height:65px; background:none;}
div.tx-ffndfcontentslider-pi .slick-prev {left:3%; z-index:1000;}
div.tx-ffndfcontentslider-pi .slick-next {right:3%;}
div.tx-ffndfcontentslider-pi .slick-prev::before,
div.tx-ffndfcontentslider-pi .slick-next::before {color:#20993f; content:none !important; opacity:1 !important;
font-family:"icomoon"; font-size:52px;}
div.tx-ffndfcontentslider-pi .slick-prev::before { content:"\e902" !important;}
div.tx-ffndfcontentslider-pi .slick-next::before {content:"\e903" !important;}
div.tx-ffndfcontentslider-pi ul.slick-dots {margin-top:78px !important; position:static;}
div.tx-ffndfcontentslider-pi ul.slick-dots li button {background-color:rgba(215,232,209,1); width:18px; height:18px; border-radius:10px;}
div.tx-ffndfcontentslider-pi ul.slick-dots li button::before {content:none !important;}
div.tx-ffndfcontentslider-pi ul.slick-dots li.slick-active button {background-color:#20993f !important;}

/* slider without background */
div.sliderframe-raw div.tx-ffndfcontentslider-pi h3 {max-width:1200px; margin:10px auto; padding: 0; text-align:left;}
div.sliderframe-raw div.tx-ffndfcontentslider-pi div.tx-ffndfcontentslider-pi-bg {min-height:0; padding:25px 0 25px 0;}
div.sliderframe-raw div.tx-ffndfcontentslider-pi .slick-prev,
div.sliderframe-raw div.tx-ffndfcontentslider-pi .slick-next {top:38% !important;}

/* slider with backgroundimage */

/* slider with backgroudnimage as productslider */
div.tx-ffndfcontentslider-pi div.frame-products .slick-prev,
div.tx-ffndfcontentslider-pi div.frame-products .slick-next {top:32%; }
div.tx-ffndfcontentslider-pi div.frame-products .slick-prev::before,
div.tx-ffndfcontentslider-pi div.frame-products .slick-next::before {color:#20993f;}
div.tx-ffndfcontentslider-pi div.frame-products ul.slick-dots li.slick-active button {background-color:#20993f !important;}
div.tx-ffndfcontentslider-pi div.frame-products .slick-disabled::before {opacity: 0.3 !important;}
div.tx-ffndfcontentslider-pi div.frame-products div.slick-slide {position:relative; margin:0 30px;}
div.tx-ffndfcontentslider-pi div.frame-products div.product-extralogo {position:absolute; right:25px; top:40px;}
div.tx-ffndfcontentslider-pi div.frame-products div.product-name {/* max-width:220px; */ margin:0 auto; text-align:center; overflow:hidden;
  -moz-hyphens: auto;
   -ms-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}
/* div.tx-ffndfcontentslider-pi div.frame-products div.product-name a {padding:1% 3%; line-height:25px; font-size:21px; font-size:1.3125rem; color:#fff; background-color:#695539; text-decoration:none; font-family:LatoLight, Verdana, sans-serif; -webkit-box-decoration-break: clone; box-decoration-break: clone;} */
div.tx-ffndfcontentslider-pi div.frame-products div.product-name a {color: #20993f; font-family: LatoSemiBold, Verdana, sans-serif; font-size: 24px;}


/* slider with lightbg */
div.slider-lightbg div.tx-ffndfcontentslider-pi div.tx-ffndfcontentslider-pi-bg {min-height:auto; /* padding:80px 0; */ padding:0;}
div#main div#contentmain div.slider-lightbg h2.layout-1 {max-width:1000px;  color:#20993f;}
div.slider-lightbg div.tx-ffndfcontentslider-pi .slick-prev,
div.slider-lightbg div.tx-ffndfcontentslider-pi .slick-next {top:38% !important;}

/* slider with darkbg */
div.slider-darkbg div.tx-ffndfcontentslider-pi div.tx-ffndfcontentslider-pi-bg {min-height:auto;  /* padding:80px 0; */ padding:0;}
div#main div#contentmain div.slider-darkbg h2.layout-1 {max-width:810px; margin-bottom:30px; color:#20993f;}
div.slider-darkbg div.tx-ffndfcontentslider-pi .slick-prev,
div.slider-darkbg div.tx-ffndfcontentslider-pi .slick-next {top:38% !important;}


div.tx-ffndfcontentslider-pi div.tx-ffndfcontentslider-pi-bg.ce-layout-1 {padding:0; min-height:0;}
div#main div#contentmain div.tx-ffndfcontentslider-pi .ce-layout-1  h2.layout-1 {max-width: none;}
div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products div.product-name a {
  font-family:LatoSemiBold, Verdana, sans-serif; font-size:24px; background:none; color:#20993f;}
div.tx-ffndfcontentslider-pi .ce-layout-1 .slick-arrow {width:auto; height:auto;}
div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products div.product-name {min-height:72px; max-width: none;}
div.tx-ffndfcontentslider-pi .ce-layout-default .slick-prev,
div.tx-ffndfcontentslider-pi .ce-layout-default .slick-next,
div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products .slick-prev,
div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products .slick-next {top:40%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products .slick-disabled::before {opacity: 0.3 !important;}
div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products .slick-prev::before,
div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products .slick-next::before {color:#20993f; font-size:52px;}
div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products ul.slick-dots li.slick-active button {background-color: #20993f !important;}
div.tx-ffndfcontentslider-pi .ce-layout-1 .shopfinder-link,
div.tx-ffndfcontentslider-pi .ce-layout-1 .onlineshop-link {margin-left:15px;}
div.tx-ffndfcontentslider-pi .ce-layout-1 .onlineshop-link::before {display:none;}
div.tx-ffndfcontentslider-pi .product-link.button,
div.tx-ffndfcontentslider-pi .ce-layout-1 .onlineshop-link,
div.tx-ffndfcontentslider-pi .ce-layout-1 .shopfinder-link {text-align: center; width:175px !important; display: block; margin: 0 auto 8px;}
div.tx-ffndfcontentslider-pi .product-link.button,
div.tx-ffndfcontentslider-pi .ce-layout-1 .onlineshop-link {display:block; margin:0 auto 8px; max-width:175px !important;}
div.tx-ffndfcontentslider-pi .ce-layout-1 .shopfinder-link {padding:9px;}
div.tx-ffndfcontentslider-pi .ce-layout-1 .onlineshop-link button {background: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 24px; font-size: 1.125rem !important; font-family: LatoRegular, Verdana, sans-serif !important; text-align: left;}

div.tx-ffndfcontentslider-pi .ce-layout-1  div.frame-products .product {text-align: center;}
div.tx-ffndfcontentslider-pi .ce-layout-1  ul.slick-dots {margin-top:40px !important;}

/* menu of subpages */
div#main div#contentmain nav.menu {margin-top:40px !important; margin-bottom:100px !important;}
div#main div#contentmain nav.menu ul {display:flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap; gap:4%; padding:0; margin:0; list-style-type:none;}
div#main div#contentmain nav.menu ul li {margin-bottom:40px;}
div#main div#contentmain nav.menu ul li a {display:block; text-decoration:none; line-height:1.3;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
div#main div#contentmain nav.menu ul li a span {display:block; margin-top:10px; font-size: 1.375rem; font-family: 'LatoSemiBold',Verdana,sans-serif;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

div#main div#contentmain nav#handmade-nav {margin-bottom:30px !important;}

/* menu of subpages starting @ treelvl 2 if typoscript is set */
div#main div#contentmain nav.menu ul.teasermenu-small {gap:2%;}
div#main div#contentmain nav.menu ul.teasermenu-small .teaserbox {width:23.5%;}
div#main div#contentmain nav.menu ul.teasermenu-small li a {padding: 13px 13px 20px;}
div#main div#contentmain nav.menu ul.teasermenu-small li a span {font-size:20px; font-size:1.25rem; line-height:1.2;}
div#main div#contentmain nav.menu ul.teasermenu-small li img {width:100%; height:auto;}


/* menu of table of contents */
div#main div#contentmain div.frame-type-menu_section {margin: 40px auto 40px; padding: 25px 30px 30px; border-radius: 12px; background-color:rgba(215,232,209,1);}
div#main div#contentmain div.frame-type-menu_section h3 {margin-top:0; color:#000;}
div#main div#contentmain div.frame-type-menu_section ul {margin-bottom:0; padding-left: 45px; list-style-type: decimal;}
div#main div#contentmain div.frame-type-menu_section ul li {padding-left:0; margin-left:0; background: none; font-family: LatoRegular, Verdana, sans-serif;}
div#main div#contentmain div.frame-type-menu_section ul li:last-child {margin-bottom:0;}
div#main div#contentmain div.frame-type-menu_section a {color:#000;}

/* menu with 2 cols from grids */
div#main div#contentmain nav.menu-2-cols {margin-bottom:0 !important; margin-top:0 !important;}
div#main div#contentmain nav.menu-2-cols ul {gap:4%;}
div#main div#contentmain nav.menu-2-cols ul .teaserbox {width:48%; margin-right:0;}
div#main div#contentmain nav.menu-2-cols ul .ce-bodytext p:last-child {margin-bottom:0;}
div#main div#contentmain nav.menu-2-cols .teaserbox:hover {background:#fff; color:#20993f;}
div#main div#contentmain nav.menu-2-cols .teaserbox:hover a {color:#20993f;}
div#main div#contentmain nav.menu-2-cols .image {max-width: 250px; padding: 13px 20px 20px;}
div#main div#contentmain nav.menu-2-cols .ce-gallery {margin-bottom:0;}
div#main div#contentmain nav.menu-2-cols .ce-bodytext {padding: 13px 20px 20px;}
div#main div#contentmain nav.menu-2-cols a {padding:0;}

/* toggle-box */
div#main div#contentmain div.toggle-box header ~ * {display:none;}
div#main div#contentmain div.toggle-box h3 {margin:10px 0; padding: 8px 25px 8px 50px; font-size: 22px; font-size: 1.375rem; border-radius:10px; background-color: rgba(215,232,209,1); color:#000; font-weight: normal; font-family: LatoSemiBold,Verdana,sans-serif; cursor: pointer; position: relative;}

div#main div#contentmain div.toggle-box h3:hover {color: #fff; background-color: #20993f;}
div#main div#contentmain div.toggle-box h3:hover a {color: #fff;}
div#main div#contentmain div.toggle-box h3::before {width:25px; height:25px; color: rgba(215,232,209,1);   background-color: #fff; line-height: 27px; content: "\e914"; font-family:"icomoon"; text-align: center; font-size: 1rem;
position: absolute; left: 15px;
}
div#main div#contentmain div.toggle-box h3:hover::before {background-color: #fff; color:#20993f;}
div#main div#contentmain div.toggle-box h3.act {background-color: #20993f; color:#fff;}
div#main div#contentmain div.toggle-box h3.act::before {content: "\e911"; background-color: #fff; color: #20993f;}

/* frames with bg color */
div#main div#contentmain .frame-layout-1,
div#main div#contentmain .frame-layout-5 {border-radius:12px; padding:25px 30px 30px !important;}

/* green bg */
div#main div#contentmain .frame-layout-1 {margin:50px auto 70px !important; background-color:rgba(215,232,209,1);}
div#main div#contentmain .frame-layout-1 h3,
div#main div#contentmain .frame-layout-1 h2,
div#main div#contentmain .frame-layout-1 h4,
div#main div#contentmain .frame-layout-1 p,
div#main div#contentmain .frame-layout-1 li {color:#000;}
div#main div#contentmain .frame-layout-1 .ce-bodytext p:last-child,
div#main div#contentmain .frame-layout-1 > p:last-child {margin-bottom:0;}
div#main div#contentmain .frame-layout-1 a {color:#000; text-decoration: underline;}
div#main div#contentmain .frame-layout-1 h2 {margin-top:0; margin-bottom:20px; padding-top:0; font-size:50px; font-size:3.125rem; line-height: 58px;}
div#main div#contentmain .frame-layout-1 h3 {margin-top:0;}
div#main div#contentmain .frame-layout-1 h4 {margin-top:0;}
div#main div#contentmain .frame-layout-1 .button {background-color:#20993f; color:#fff !important; text-decoration: none;}

/* white bg */
div#main div#contentmain .frame-layout-5 { margin:30px auto 30px !important; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
   background-color:#fff;}
div#main div#contentmain.indented .frame-layout-5 h3,
div#main div#contentmain .frame-layout-5 h3 {margin-top:0; margin-bottom:0;}
div#main div#contentmain.indented .frame-layout-5 h4,
div#main div#contentmain .frame-layout-5 h4 {margin:8px 0 8px;}
div#main div#contentmain .frame-layout-5 p {margin-bottom:15px;  margin-top:10px;}
div#main div#contentmain .frame-layout-5 ul {margin:20px 0;}
div#main div#contentmain .frame-layout-5 ul:last-child,
div#main div#contentmain .frame-layout-5 .ce-bodytext p:last-child {margin-bottom:0;}

/* video grid */
.video-container .cols-inner {display:flex; flex-wrap:wrap; gap:2%; margin:25px 0;}
.video-container .cols-2-inner > div {width:49%;}
.video-container .cols-3-inner > div {width:32%;}
.video-container .cols-4-inner > div {width:23.5%;}
.video-container .cols-inner .ce-bodytext a {font-size:22px; font-size:1.375rem;}
.video-container > div.frame-default:last-child p {text-align:right; margin:0 !important;}

 @media only screen and (max-width : 1024px) {
  .video-container .cols-inner {margin-bottom:0;}
  .video-container .cols-3-inner {justify-content: center;}
  .video-container .cols-2-inner > div,
  .video-container .cols-3-inner > div,
  .video-container .cols-4-inner > div {width:49%; margin-bottom:20px;}
  .video-container .cols-3-inner > div:first-child {width: 100%;}
  .video-container .cols-inner .ce-bodytext a {font-size:1.125rem; line-height: 1;}
 }

 @media only screen and (max-width : 640px) {
  .video-container .cols-inner .ce-gallery {margin-bottom:5px;}
  .video-container .cols-inner .ce-bodytext p {margin-top:5px !important;}
 }

 @media only screen and (max-width : 375px) {
  .video-container .cols-2-inner > div,
  .video-container .cols-3-inner > div,
  .video-container .cols-4-inner > div {width:100%; margin-bottom:15px;}
 }

/* month index */
.month-index {margin:20px 0 0;}
.month-index ul {display: flex; flex-wrap: wrap; gap:1.3%; padding:0 !important; margin:0 !important; list-style-type: none;}
.month-index li {line-height: 1;}
.month-index li a {display:flex; align-items: center; justify-content: center; padding:0 15px; height:40px; border-radius:12px; box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%); background-color: #fff; font-size:1.5rem; line-height:1; text-align: center;}
.month-index li a.act,
.month-index li a:hover {background-color:#20993f; color:#fff;}

@media only screen and (max-width: 768px) {
  .month-index ul {gap:3%;}
  .month-index li a {font-size:1.25rem;}
}


/* media module basket popup */
div#tx-ffndfmedia-basket-container {overflow:hidden; padding:4%; max-width:1400px;}
div.mfp-content div#tx-ffndfmedia-basket-container .mfp-close {margin:4% 4% 0 0; opacity:1; color:#323232 !important; font-size:55px; font-size:4.4375rem;}
div.mfp-content div#tx-ffndfmedia-basket-container .mfp-close:hover {opacity:0.7;}
div#tx-ffndfmedia-basket-container div.tx-ffndfmedia-controller {background-image:none; padding:0;}
div.tx-ffndfmedia-controller div.basketitem {overflow:hidden; padding: 1.5% 0; border-bottom:1px dashed #666666;}
div.tx-ffndfmedia-controller div.basketitem:first-child {border-top:1px dashed #666666;}
div.tx-ffndfmedia-controller div.basketitem .mediatitle {font-family: LatoBold,Verdana,sans-serif;}
div.tx-ffndfmedia-controller div.basketitem .mediatitle,
div.tx-ffndfmedia-controller div.basketitem .fileinfo {font-size:18px; font-size:1.125rem;}
div.tx-ffndfmedia-controller h2 {margin:0 0 15px 0; padding-top:15px;}
div.tx-ffndfmedia-controller div.basketitem .title {float:left;}
div.tx-ffndfmedia-controller .action-buttons {float:right;}
div.tx-ffndfmedia-controller .action-buttons div {display:inline-block; vertical-align:top;}
div.tx-ffndfmedia-controller .removeallbasket,
div.tx-ffndfmedia-controller .removefrombasket {margin:0 5px;}
div.tx-ffndfmedia-controller div.basketitem .downloadlink a,
div.tx-ffndfmedia-controller .removeallbasket button,
div.tx-ffndfmedia-controller .removefrombasket button {display:block; padding-top:10px; width:40px; height:40px; border-radius:100%; color:#fff; background-color:#999999; text-align:center; font-size:20px; font-size:1.25rem; line-height: 1;}
div.tx-ffndfmedia-controller .removeallbasket button,
div.tx-ffndfmedia-controller .removefrombasket button {margin-left:2%; border:none; padding:0; cursor:pointer;}
div.tx-ffndfmedia-controller div.basketitem .downloadlink a:hover {background-color:#20993f;}
div.tx-ffndfmedia-controller .removeallbasket button:hover,
div.tx-ffndfmedia-controller .removefrombasket button:hover {background-color:#bc0000;}
div.tx-ffndfmedia-controller div.terms-of-use {clear:both; float:left; margin-top:10px;}
div.tx-ffndfmedia-controller div.terms-of-use label {font-size:18px; font-size:1.125rem; font-family: LatoRegular, Verdana, sans-serif;}
div.tx-ffndfmedia-controller div.full {margin-top:3%;}
div.tx-ffndfmedia-controller div.full .downloadbasketlink a {display:block; height:40px; border-radius:30px; padding:10px 18px 0 18px; background-color: #20993f; color:#fff; font-size: 18px; font-size: 1.125rem; line-height: 22px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
div.tx-ffndfmedia-controller div.full .downloadbasketlink a:hover {background-color:#11a248;}
div.tx-ffndfmedia-controller div.full .downloadbasketlink a i {margin-right:6px;}

/* powermail */
div#main div.tx-powermail {padding-bottom:95px; overflow:hidden;}
div#main div.tx-powermail .flexbox-container {display:flex; flex-wrap:wrap; justify-content: space-between;}
div#main div.tx-powermail h3 {display:none;}
div#main div.tx-powermail .powermail_confirmation h3 {display:block; margin-top:20px !important;}
div#main div.tx-powermail fieldset {border:none; padding:0; margin:0;}
div#main div.tx-powermail fieldset legend {display:none;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap {position:relative; width:48%; margin-bottom:15px;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap.layout1 {width:100%;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_text,
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_submit {width:100%; margin:0 !important;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_text {margin:15px 0 20px !important; }
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_text div {font-size:14px; font-size:0.875rem; font-family: LatoRegular,Verdana,sans-serif;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_check > label {display:none;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_textarea textarea {padding:15px 18px; min-height:240px; resize:none;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_file input {padding:0;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_file input:hover {box-shadow:none !important;}
div#main div.tx-powermail fieldset div label {display:block; margin-bottom:5px; font-size:16px; font-size:1rem; font-family: LatoBold,Verdana,sans-serif;}
div#main div.tx-powermail fieldset div input,
div#main div.tx-powermail fieldset div textarea {width:100%; height: 40px; padding: 0 18px;}
div#main div.tx-powermail fieldset input[type="checkbox"] {width:15px;}
div#main div.tx-powermail fieldset div select {width: 100%; height:40px; padding:0 18px; border-radius: 0; background:url('../../../fileadmin/templates_2020/neudorff/main/img/select-arrow.png') right no-repeat #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_submit {width:100%; text-align: right;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_submit input,
.powermail_confirmation .btn-group .btn,
div#main div.tx-powermail input.powermail_confirmation_submit,
div#main div.tx-powermail input.powermail_confirmation_form {height:auto; width:auto; margin-top:20px; color:#fff; border-radius:30px; padding:12px 25px 10px 40px; font-size:18px; font-size:1.125rem; line-height:1; background:url('../../../fileadmin/templates_2020/neudorff/main/img/submit-arrow.png') 20px center no-repeat #20993f; cursor:pointer; border:none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.powermail_confirmation  .powermail_all_label {padding-right:8px;}

.powermail_confirmation .btn-group {display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:20px;}
.powermail_confirmation .btn-group .btn:hover,
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_submit input:hover,
div#main div.tx-powermail input.powermail_confirmation_submit:hover,
div#main div.tx-powermail input.powermail_confirmation_form:hover {background-color:#11a248;}
div#main div.tx-powermail input.powermail_confirmation_form {float:left; background:url('../../../fileadmin/templates_2020/neudorff/main/img/back-arrow.png') 25px center no-repeat #20993f;}

div#main div.tx-powermail div.powermail_confirmation h4 {font-size:22px; font-size:1.375rem; font-family: LatoBold,Verdana,sans-serif;}
div#main div.tx-powermail div.powermail_confirmation dt {font-size:22px; font-size:1.375rem; font-family: LatoBold,Verdana,sans-serif;}
div#main div.tx-powermail div.powermail_confirmation dd {font-size:22px; font-size:1.375rem; margin:0 0 10px 0 !important;}

div#main div#contentmain div.tx-powermail ul.parsley-errors-list {position:absolute; padding:0; margin:0; right:0; top:-1%; border-radius:15px; list-style-type:none; background-color:#bc0000;}
div#main div#contentmain div.tx-powermail ul.filled li::before {position: absolute; left: 45%; top: 26px; width: 0; height: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); border-style: solid; border-width: 0 12.5px 15px 12.5px; border-color: transparent transparent #bc0000 transparent; content:"";}
div#main div#contentmain div.tx-powermail ul.parsley-errors-list li {padding: 3px 12px; margin: 0; color:#fff; font-family: LatoSemiBold,Verdana,sans-serif; font-size:16px; font-size:1rem; line-height: 20px;}

div#main div#contentmain div.tx-powermail .powermail_fieldwrap_type_radio ul.parsley-errors-list,
div#main div#contentmain div.tx-powermail .powermail_fieldwrap_type_check ul.parsley-errors-list {position: static; display: inline-block;}
div#main div#contentmain div.tx-powermail .powermail_fieldwrap_type_radio ul.parsley-errors-list li::before,
div#main div#contentmain div.tx-powermail .powermail_fieldwrap_type_check ul.parsley-errors-list li::before {display:none;}

div#main div#contentmain div.tx-powermail div.powermail_fieldwrap_captcha {width:100%; margin-top:15px; margin-left:0;}
div#main div#contentmain div.tx-powermail div.powermail_fieldwrap_captcha img {margin-top:5px;}

/* newsletter subscription */
.tx-ffnlsubscription-subscription-plugin {margin-bottom:100px;}
.tx-ffnlsubscription-subscription-plugin h3 {margin-top:25px;}
.tx-ffnlsubscription-subscription-plugin input,
.tx-ffnlsubscription-subscription-plugin select {width:50%; margin-bottom:15px; padding:10px 10px;}
.select {border:none;}
.tx-ffnlsubscription-subscription-plugin select#gender {width:120px; padding:8px 10px; border-radius:0; background:url('../../../fileadmin/templates_2020/neudorff/main/img/select-arrow.png') right no-repeat #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.tx-ffnlsubscription-subscription-plugin label[for="gender"] {margin-top:20px;}
.tx-ffnlsubscription-subscription-plugin form em {display:block; margin-top:15px; font-size: 14px; font-size: 0.875rem; font-family: LatoRegular,Verdana,sans-serif;}
.tx-ffnlsubscription-subscription-plugin .editinfo {margin-top:35px !important;}
.tx-ffnlsubscription-subscription-plugin span.error {display:inline-block; margin-bottom:4px; padding: 4px 12px; font-size:16px; font-size:1rem; background-color: #bc0000; color:#fff; border-radius: 15px; font-family: LatoBold, Verdana, sans-serif;}

.tx-ffnlsubscription-subscription-plugin input[type="submit"],
.tx-ffnlsubscription-subscription-plugin button[type="submit"] {padding: 0 18px 0 18px; height:40px; background-color:#20993f; color:#fff; border-radius: 30px;
  font-size: 18px; font-size: 1.125rem; line-height: 18px; border:none; cursor:pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tx-ffnlsubscription-subscription-plugin input[type="submit"] {width:auto;}
.tx-ffnlsubscription-subscription-plugin input[type="submit"]:hover,
.tx-ffnlsubscription-subscription-plugin button[type="submit"]:hover {background-color:#11a248;}
.tx-ffnlsubscription-subscription-plugin button[type="submit"] i {margin-right:9px;}

div.nl_subscription button {margin-top:5px; width:145px; height:40px; color:#fff027; border-radius:30px; padding:0 18px 0 18px; font-size:18px; font-size:1.125rem; line-height:18px; text-align:left; cursor:pointer; border:none; background-color:#20993f;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

/* css for nl subscription within our services box */
div.nl_subscription button:hover {background-color:#11a248;}
div.nl_subscription i::before {display:inline-block; margin-right:9px; color:#fff027; font-size: 18px; font-size: 1.125rem;}
div#main div#contentmain div.our-service div.nl_subscription {width:204px; margin:0 auto 0;}
div#main div#contentmain div.our-service div.nl_subscription form {margin-top:20px;}
div#main div#contentmain div.our-service div.nl_subscription input[type='checkbox']:checked,
 div#main div#contentmain div.our-service div.nl_subscription input[type='checkbox']:not(:checked) {width:auto !important; margin-bottom:5px !important;}
div#main div#contentmain div.our-service div.nl_subscription input {width:100%; margin-bottom:20px !important; background-color:#cce9d7; color:#20993f;}
div#main div#contentmain div.our-service div.nl_subscription input[placeholder='eMail'] {margin-bottom:10px !important;}
div#main div#contentmain div.our-service div.nl_subscription i::before {color:#fff027;}
div#main div#contentmain div.our-service div.nl_subscription button {color:#fff027;}

/* special */
div#main div#contentmain a.special-warninglink {display:block;position:relative; margin-top:15px; border-radius:12px; padding:10px 1%;; width:70%; background-color:#20993f; color:#fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
div#main div#contentmain a.special-warninglink:hover {background-color:#11a248;}

div#main div#contentmain a.special-warninglink span {display:inline-block; margin-left:8%;}
div#main div#contentmain a.special-warninglink i {position:absolute; display:block; top:15px; font-size:40px; color:#fff; margin-right:2%;}

/* mediabar */
.mediabar {position: fixed; right:0; top:35%; z-index:1002; padding:10px 0; background-color:rgb(32,153,63);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  -webkit-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.3);
  box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.3);
}
.mediabar .item {display:block; padding:12px 12px; color:rgba(255, 255, 255, 1); text-align: center; font-size:1.75rem; line-height:1;}

/* contentmain intended */
div#main div#contentmain > .indented-inner,
.tx-ffndfgardenlexicon > .indented-inner {max-width:850px; margin:0 auto 80px;}
div#main div#contentmain.indented li {margin-bottom: 10px;}
div#main div#contentmain.indented .frame-layout-1 h3 {margin-top:0;}
div#main div#contentmain.indented .frame-layout-1 {margin: 30px 0 50px 0 !important;}

div#main div#contentmain.indented blockquote {position: relative; text-align: center; margin:35px auto; max-width:700px;}
div#main div#contentmain.indented blockquote p {font-family:LatoBold, Verdana, sans-serif; font-style: italic; font-size:1.625rem !important;}
div#main div#contentmain.indented blockquote p::before {position:absolute; margin-left:-28px; margin-top:5px; content:"’’"; color:#20993f; font-size:3rem;}

div#contentmain .mg-goodtoknow {display:flex; flex-wrap:wrap; justify-content: space-between; padding:0 !important; margin:0 !important; list-style-type: none;}
.mg-goodtoknow li {width:48%; margin-bottom:20px !important; font-family: LatoSemiBold, sans-serif;}
.mg-goodtoknow li:nth-last-child(-n+2) {margin-bottom:0 !important;}
.mg-icon {display:block; position: relative; padding-left:55px; padding-top:5px;}
.mg-icon::before {display:flex; align-items: center; justify-content: center; position: absolute; left:0; top:0; width:40px; height:40px; margin-right:12px; background-color:rgb(244,240,235); font-family: 'icomoon'; border-radius:100%; text-align: center; line-height:1;}
.mg-time::before {font-size:1.5rem; content:"\e92e"; }
.mg-euro::before {font-size:1.5rem; content:"\e92d";}
.mg-cal::before {content:"\e92c";}
.mg-weight::before {content:"\f44b";}
.mg-skill-low::before {font-size:1.5rem; content:"\e92f";}
.mg-skill-mid::before {content:"\e930";}
.mg-skill-high::before {content:"\e931";}

div#contentmain.indented .tx-ffndfcontentslider-pi {padding: 50px 0;}
div#contentmain.indented div.sliderframe-raw div.tx-ffndfcontentslider-pi div.tx-ffndfcontentslider-pi-bg {padding:0;}

/* bedcalc */
div#main div#contentmain.indented #bedamount-calculator {max-width:100%;}
div#main div#contentmain.indented #bedamount-calculator h3 {margin-top:0;}


div#main div#contentmain.indented .more-articles-2 .header-container {margin-bottom:0;}
div#main div#contentmain.indented div.more-articles-2,
div#main div#contentmain.indented div.more-articles {margin:50px auto 100px; padding:0; background-color:transparent;}
div#main div#contentmain.indented div.more-articles-2 h2,
div#main div#contentmain.indented div.more-articles h2 {margin: 0 0 35px 0; text-align: left;}
div#main div#contentmain.indented div.more-articles-2 figure,
div#main div#contentmain.indented div.more-articles figure {border-radius:0; width:auto; height:auto; overflow:hidden;}
div#main div#contentmain.indented div.more-articles-2 img,
div#main div#contentmain.indented div.more-articles img {display:block; object-fit: cover; height:100%;}
.indented div.more-articles-2 .col,
.indented div.more-articles .col {position: relative; width: 32%; margin-bottom: 30px !important; background-color: #fff; border-radius: 18px; box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 40%);}
div#main div#contentmain.indented div.more-articles-2 figure a,
div#main div#contentmain.indented div.more-articles figure a {display: flex; align-items: center; height: 170px; overflow: hidden; border-top-left-radius: 18px; border-top-right-radius: 18px;}
div#main div#contentmain.indented div.more-articles-2 .ce-above .ce-gallery,
div#main div#contentmain.indented div.more-articles .ce-above .ce-gallery {margin-bottom:0;}
div#main div#contentmain.indented div.more-articles-2 .ce-bodytext,
div#main div#contentmain.indented div.more-articles .ce-bodytext {padding:18px;}
div#main div#contentmain.indented div.more-articles-2 p,
div#main div#contentmain.indented div.more-articles p {text-align: left; margin-top:0; line-height:1.5;}
div#main div#contentmain.indented div.more-articles-2 .ce-bodytext *:nth-last-child(2) {display:block; margin-bottom:60px;}
div#main div#contentmain.indented div.more-articles-2 .ce-bodytext p:first-child > a,
div#main div#contentmain.indented div.more-articles .ce-bodytext p:first-child > a {margin-bottom:55px; color:#20993f;}
div#main .indented div.more-articles-2 div.cols-3-inner-middle,
div#main .indented div.more-articles div.cols-3-inner-middle {margin:0;}
div#main .indented div.more-articles-2 .button,
div#main .indented div.more-articles .button {position: absolute; bottom: 18px; right: 18px; display: inline-block; padding: 8px 14px; font-size: 18px; font-size: 1.125rem; line-height: 22px; width: auto; height: auto;}
div#main div#contentmain.indented div.more-articles-2 .ce-outer,
div#main div#contentmain.indented div.more-articles-2 .ce-inner,
div#main div#contentmain.indented div.more-articles .ce-outer,
div#main div#contentmain.indented div.more-articles .ce-inner {float:none;}
div#main div#contentmain.indented div.more-articles-2 .ce-column,
div#main div#contentmain.indented div.more-articles .ce-column {float:none;}

/* img slider */
div#main .frame-layout-2 .ce-inner,
div#main .frame-layout-2 .ce-outer {float:none; position: relative;}
/* div#main .frame-layout-2 figcaption {padding:6px 10px; background-color: rgba(255,255,255,0.5); text-align: center; color:#20993f; font-size:1rem; font-style:normal;
  font-family:LatoRegular, Verdana, sans-serif;} */

 .frame-layout-2 .slick-prev,
 .frame-layout-2 .slick-next {top: 45%; z-index:9;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding:6px 8px; width:auto; height:auto;
      color: #20993f; background-color:rgba(255,255,255,0.8) !important;}
 .frame-layout-2 .slick-prev {left:0;}
 .frame-layout-2 .slick-next {right:0;}

.frame-layout-2 .slick-next::before,
.frame-layout-2 .slick-prev::before {
    display:block;
    color: #20993f;
    content: "\e922" !important;
    font-family:"icomoon";
    font-size: 28px;
}
.frame-layout-2 .slick-next::before {content: "\e924" !important;}

/* table for lawn settings */
.gritter-settings {width:100%; border-collapse: collapse; background-color:#fff;}
.gritter-settings th {padding:4px 3px; background-color:#20993f; color:#fff;}
.gritter-settings td {border: solid 1px #edf4f4; padding:3px;}
.gritter-settings tr:nth-child(even)  {background-color:#edf4f4;}
.gritter-settings tr:nth-child(even) td {border:solid 1px #fff !important;}

/* popup for frame-layout 6 */
.mfp-bg {z-index: 13000;}
.mfp-wrap {z-index: 13001;}
.frame-layout-6 {position: relative; background-color:#fff; border-radius:12px; padding:35px 25px 25px; max-width:700px; margin:auto; left:0; right:0;}
.frame-layout-6 h3 {margin-top:0 !important;}
.mfp-close {color:#000; font-size:1.6rem; right:5px;}
.mfp-ready .frame-layout-6 {display:block;}


/* faq list */
div#main div#contentmain .faq-list {padding:0; margin:20px 0 0; list-style-type: none;}
.faq-list .faq-question {margin:10px 0; padding: 8px 25px 8px 50px; font-size: 22px; font-size: 1.375rem; line-height: 1.2; border-radius: 12px; background-color: rgba(215,232,209,1); color:#000; font-weight: normal; font-family: LatoSemiBold,Verdana,sans-serif; cursor: pointer; position: relative;}
.faq-list .faq-question.open,
.faq-list .faq-question:hover {color: #fff; background-color: #20993f;}
.faq-list .faq-question.open a,
.faq-list .faq-question:hover a {color:#fff;}
.faq-list .faq-question::before {width:25px; height:25px; color: rgba(215,232,209,1); background-color: #fff; line-height: 27px; content: "\e914"; text-align: center;
font-family:"icomoon"; font-size: 1rem; position: absolute; left: 15px;}
.faq-list .faq-question:hover::before {background-color: #fff; color:#20993f;}
.faq-list .faq-question.open::before {content: "\e911"; background-color: #fff; color:#20993f;}
.faq-list .faq-answer {display:none;}

/* plant doc list */
div.menu-list-head {display:none;}
.tx-ffndfplantdoctor-pi2 .menu-item {margin-bottom:25px; text-align: center;}
.tx-ffndfplantdoctor-pi2 .menu-item a {display: block;}
.tx-ffndfplantdoctor-pi2 div.menu-item span.title {display:inline-block; max-width:200px; padding:1% 3%; text-align:center; color:#323232; font-size:22px; font-size:1.375rem;}
.tx-ffndfplantdoctor-pi2 div#step-3 div.menu-item span.title {height:60px;}
.tx-ffndfplantdoctor-pi2 span.image {display: block; margin-top: 10px; overflow: hidden;}
.tx-ffndfplantdoctor-pi2 span.image img {width:100%; height:auto; border-radius:100%; border:solid 10px rgba(215,232,209,1);}
.tx-ffndfplantdoctor-pi2 span.image img:hover {border:solid 10px #20993f;}
.tx-ffndfplantdoctor-pi2 div.menu-item a:hover span.title {background-color: #20993f; color: #fff;}

.standalone .menu-list {display:flex; flex-wrap:wrap; gap:3%; margin-top:35px;}
.standalone .menu-item {max-width: 22.75%;}

/* footer */
footer .cols-5-inner {display: flex; flex-wrap:wrap; justify-content: space-between; width:100%;}
footer .cols-5-inner .col {width:16%; /* margin-right:3.33%; */}
footer .cols-5-inner .col:last-child {margin:0;}
footer .cols-5-inner .cols-5-inner-Right {display:flex; flex-wrap:wrap; align-items: center; justify-content: center; width:20%;}
footer .frame-type-menu_pages ul {padding:0; margin:0; list-style-type:none;}
footer .frame-type-menu_pages li {display:block; margin-bottom:5px;}
footer .frame-type-menu_pages a {display:block; color:#000; font-family: LatoRegular,Verdana,sans-serif;}
footer h3 {margin:0; font-size:22px; font-size:1.375rem; color:#fff; font-family: LatoRegular,Verdana,sans-serif;}
footer .frame-default > header h2,
footer .frame-default > header h3 {margin-top:0;}
footer a,
footer p {font-size:1.125rem; color:#000; font-family: LatoRegular,Verdana,sans-serif;}
footer .frame-type-menu_pages a:hover,
footer #infonav a:hover {text-decoration: underline;}
footer a.circle {line-height:3.5; margin-right:7px; width:50px; height:50px; border-radius:25px; display:inline-block; background-color:rgba(0,0,0,0.15); text-align:center;}
footer a.circle i::before {font-size:26px; font-size:1.625rem; color:#000;}
footer .cols-5-inner-Right {text-align:right;}
footer .cols-5-inner-Right .ce-image {float:right; margin:30px 5px 0 0;}
footer .cols-5-inner-Right .ce-gallery {width:160px; height:160px; padding-top:30px; margin:0 !important; border-radius:80px; background-color: rgba(0,0,0,0.15); color:#fff; text-align:center;}
footer .cols-5-inner-Right .ce-gallery figcaption {font-size:16px; text-align:center; font-family: LatoRegular,Verdana,sans-serif;}
footer .cols-5-inner-Right .ce-gallery figcaption a {color:#000;}


footer #infonav {margin-top:80px;}
footer #infonav ul {list-style-type: none; padding:0; margin:0; text-align: center;}
footer #infonav li {display:inline-block; padding:0 10px; line-height: 1; border-left: solid 1px rgb(110,105,86);}
footer #infonav li:first-child {border-left:0;}

/* new footer for ndf.de */
.footerbox-big .row {display:flex; flex-wrap:wrap; justify-content: space-between;}
.footerbox-big .col {width: 32%;}
.footerbox-big h3 {margin-bottom:15px; color: #20993f; text-transform: uppercase; font-size:1.25rem; font-family: LatoSemiBold,Verdana,sans-serif;}
.footerbox-big p {margin:0; font-size:1.125rem; line-height: 1.5;}
.footerbox-big .frame-type-menu_pages li {display:block; margin-bottom:10px;}

#row1 {padding-bottom:25px; border-bottom: dotted 1px rgb(110,105,86);}
#row1 .col:last-child p {margin-bottom:15px;}

#row1.single-row {margin-bottom:-35px; padding-bottom: 0; border-bottom: none;}

#row2 {padding-top:40px;}
#row1.single-row .col:first-child > div,
#row2 .col:first-child > div {display:flex;}
#row1.single-row .col:first-child h3,
#row2 .col:first-child h3 {margin-bottom:3px;}
footer .logo-text {font-size:1.125rem; margin-left:25px; color: #20993f;}
#row2 .rewards {display:flex; flex-wrap:wrap; justify-content: space-between;}
#row2 .rewards img {display: block; margin:auto;}
#row2 .rewards > * {width:50%;}

#row1.single-row .rewards {margin-top:15px;}

/* for all cols */
 /* 2 cols */
div#main div.cols-2-inner {display:flex; flex-wrap:wrap; justify-content: space-between;}
div#main div.cols-2-inner div.col {width:48%;}
div#main div.cols-2-inner div.cols-2-inner-right {margin-left:4%;}
/* 3 cols */
div#main div.cols-3-inner-middle {margin:0 48px;}
/* 3 cols new */
.cols-inner-3 {display:flex; flex-wrap:wrap; gap:2%; justify-content: space-between; margin-top:25px !important; margin-bottom: 25px !important;}
.cols-inner-3 .col {width:32%;}
div#main div#contentmain .cols-inner-3 .frame-layout-5 {padding:15px 20px 15px !important;}
/* 2 rows 3 cols */
div#main div.cols-3-inner-bottommiddle,
div#main div.cols-3-inner-topmiddle {margin:0 48px;}

/* for all formelements */
input[type="radio"],
input[type="checkbox"] {-webkit-appearance: none; appearance: none; background-color: transparent; margin: 0;
  color: #20993f; width: auto !important; height: 15px !important; padding:0 1px !important; border: 1px solid #2f2f2f; display: grid; place-content: center; float:left; margin-top:2px; margin-right:6px;}
input[type="radio"]::before,
input[type="checkbox"]::before { content: ""; width: 11px; height: 10px; transform: scale(0); color: #20993f;
  transition: 120ms transform ease-in-out; background-color:#20993f; transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}
input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {transform: scale(1);}

select:hover,
textarea:hover,
input[type='email']:hover,
input[type='text']:hover,
input#zip-city-input {-webkit-box-shadow: inset 1px 4px 10px -8px rgba(0,0,0,0.5);
-moz-box-shadow: inset 1px 4px 10px -8px rgba(0,0,0,0.5);
box-shadow: inset 1px 4px 10px -8px rgba(0,0,0,0.5);
cursor:pointer;}
label {display:block; margin-bottom: 5px; font-size: 16px; font-size: 1rem; font-family: LatoBold,Verdana,sans-serif;}

/* buttons etc. */
.button {width:160px; height:40px; color:#fff; border-radius:30px; padding:9px 18px 0 18px; font-size:18px; font-size:1.125rem; line-height:1; background-color:#20993f; cursor:pointer; text-align:right;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.button::before {margin-right:8px; content:"\e923"; font-family:"icomoon";}
.button:hover {background-color:#11a248;}
.button a {color:#fff;}
div#main div#contentmain .contentbutton {display:inline-block; height:40px; border-radius:30px; padding:9px 18px 0 18px; font-size:18px; font-size:1.125rem; line-height:22px; color:#fff; background-color:#20993f; text-align:center;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
div#main div#contentmain .contentbutton .fa-play {margin-right:10px;}
div#main div#contentmain .contentbutton:hover {background-color:#11a248;}


/* images */
/* above an below contentmain */
#contentmain .ce-image.ce-below img,
#contentmain .ce-image.ce-above img,
#contentmain .ce-textpic.ce-above img,
#contentmain .ce-textpic.ce-below img {width:100%; height:auto;}

#contentmain .ce-image.ce-above .ce-gallery[data-ce-columns="2"] .ce-row,
#contentmain .ce-image.ce-below .ce-gallery[data-ce-columns="2"] .ce-row,
#contentmain .ce-textpic.ce-above .ce-gallery[data-ce-columns="2"] .ce-row,
#contentmain .ce-textpic.ce-below .ce-gallery[data-ce-columns="2"] .ce-row {display:flex;}

/* special slider images */
.tx-ffndfcontentslider-pi .round-images .ce-below img,
.tx-ffndfcontentslider-pi .round-images .ce-above img {width:100%; height:auto;}

@media only screen
and (min-width : 1980px) {
  div#main div#contenthead .ce-outer,
  div#main div#contenthead .ce-inner {float:none; position: static;}
  div#main div#contenthead .ce-column {float:none;}
  div#main div#contenthead .ce-gallery figure {display: block;}
  div#main div#contenthead .ce-gallery img {width: 100%; height:auto;}
}

@media only screen and (max-width : 1680px) {
  .advicehelp .topnavsub-2 > li.last,
  .advicehelp .topnavsub-2 > li.first {margin-bottom:0;}
  .gardentopics .topnavsub-2 > span,
  .productsmenu-2 .cat-title,
  .advicehelp .topnavsub-2 > li span {font-size:1.25rem;}
  .gardentopics .topnavsub-2 a,
  .productsmenu-2 .topnavsub-3 a,
  .advicehelp .topnavsub-2 > li span.titlewrap,
  .advicehelp .topnavsub-3 a {font-size:1rem;}
  /* .advicehelp .topnavsub-2 {max-height: 730px; height: 90vh; overflow-y:scroll;}
  .advicehelp .topnavsub-2::-webkit-scrollbar {width: 3px;}
  .advicehelp .topnavsub-2::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);} */
}

@media only screen
and (max-width : 1500px) {
 div.tx-ffndfcontentslider-pi div.section-inner  {max-width:1200px; margin:0 auto;}
 div.tx-ffndfcontentslider-pi div.slick-list {margin:0 50px;}
 div.tx-ffndfcontentslider-pi div.slick-slide {margin:0 15px !important;}
 div.tx-ffndfcontentslider-pi .slick-prev {left:-25px;}
 div.tx-ffndfcontentslider-pi .slick-next {right:-25px;}
}


@media only screen
and (max-width : 1400px) {
 div.tx-ff-owl-slider .slider-caption {right:9%;}
 div.tx-ff-owl-slider .layout-3 {left: 10%;}
}


@media only screen
and (max-width : 1280px) {
 nav#topnav ul li > a {font-size:16px; font-size:1rem; padding:10px 15px 16px;}
 nav#metanav ul li a {padding:0 5px;}
 nav#metanav ul li.last a {padding:0 8px;}
 nav#metanav ul li.last i {display:none;}
 nav#buttonnav {margin-right:5px;}
 span#current_country {padding:0 10px;}
 div.tx-srlanguagemenu {padding:0;}
 nav#buttonnav a {padding:10px 12px;}
 form#searchform fieldset input#searchinput {width:130px;}
 div#topbox,
 footer,
 div#main div#contentmain div.slider-darkbg,
 div#main div#contentmain div.slider-lightbg,
 div#main div#contentmain div.sliderframe-raw,
 div#main div#contentmain > .section-inner,
 div#main div#contentmain div.our-service > .section-inner,
 div#main div#contentmain div.darkerbg > .section-inner,
 div#main div#contentmain div.more-articles > .section-inner,
 div#main div#contentmain div.specialcontent > .section-inner,
 div#main div#contentmain div.teaserbox-home > .section-inner,
 div#main div#contentmain div.frame-custom-21 > .section-inner,
 div#main div#contentmain div.expert-advice > .section-inner,
 div#main div#contentmain > .indented-inner {padding:0 3%;}

 div#main div#contentmain div.more-articles:not(.more-articles-2) figure {width:100%; height:auto;}
 div#main div.cols-3-inner-middle {margin:0 5%;}

 .our-service-inner {display:flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap;}
 div#main div#contentmain div.our-service .header-container {width:100%;}
 div#main div#contentmain div.our-service .col {width:32%; height:auto; padding:3%;}
 div#main div.our-service div.cols-3-inner-middle {margin:0 2%;}
 div#main div#contentmain div.our-service div.nl_subscription {width:100%;}
 div#main div#contentmain div.our-service input {width:100%;}

 div#main div#contentmain nav.menu ul {gap:2%;}
 div#main div#contentmain nav.menu ul li {width:32%;}
 div#main div#contentmain nav.menu ul .teaserbox img {width:100%; height:auto;}

 div#main div#contentmain nav.menu-2-cols ul .teaserbox {width:48%; margin-right:0;}


 video {width:100%; height:auto;}

 div.tx-ffndfcontentslider-pi .slick-arrow {width: 35px; height: 50px;}
 div.tx-ffndfcontentslider-pi .slick-next {right:0;}
 div.tx-ffndfcontentslider-pi .slick-prev {left:0;}
 div.tx-ffndfcontentslider-pi .slick-next::before {font-size:50px;}
 div.tx-ffndfcontentslider-pi .slick-prev::before {font-size:50px;}
 div.tx-ffndfcontentslider-pi div.tx-ffndfcontentslider-pi-bg {min-height:auto; padding:80px 0;}
 div.tx-ffndfcontentslider-pi div.frame-products .product-image img {width:100%; height:auto;}

 div#contentmain div.cols-2-inner figure img {width:100%; height:auto;}
 /* media */
 div#mediacontents div.listalllink {width:100%;}

 /* more articles */
 .more-articles .col {width:30%; height:auto;}
  /* slider */
  div.tx-ff-owl-slider .layout-2 {padding-top:60px; background-size:100%; width: 490px; height: 280px;}
  div.tx-ff-owl-slider .layout-2 h3 {font-size:48px; font-size:3rem; line-height:52px;}
  div.tx-ff-owl-slider .layout-2 p {font-size:28px; font-size:1.75rem; line-height:32px;}
 /* shopfinder */
 div.tx-ffndfshopfinder-pi1 {padding: 0 3% 115px; max-width: 1200px; margin: 0 auto;}

 /* green bg */
 div#main div#contentmain div.frame-layout-1 {margin: 50px 3% 70px !important;}

 .frame-layout-2 figure {display:block;}
 div#main .frame-layout-2 figcaption {display:block; width:100%;}
 .frame-layout-2 .ce-left .ce-gallery, .frame-layout-2 .ce-column {float:none;}
 .frame-layout-2 img {width:100%; height:auto;}

 /* footer */
 footer .cols-5-inner {flex-wrap: wrap; -ms-flex-wrap: wrap;}

  div#main div#contentmain .table-scrollable {width: 100%; overflow-y: auto; margin: 0 0 5px;}
 .table-scrollable::-webkit-scrollbar {-webkit-appearance: none; width: 14px; height: 5px;}
 .table-scrollable::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);}
}

@media only screen
and (max-width : 1024px) {
  /* header */
  div#main div#contenthead {width:100%; height:auto;}
  div#main div#contenthead .ce-inner,
  div#main div#contenthead .ce-outer {position:static; float:none;}
  div#main div#contenthead .ce-column {float:none;}
  div#main div#contenthead figure {display:block; position: relative; aspect-ratio: 10/4; width:100%; height:100%;}
  div#main div#contenthead picture::before {content:""; position:absolute; height:100%; width:100%;}
  div#main div#contenthead figure img {max-width: 100%; height: auto; width:auto; aspect-ratio: 10/4;}
 /* menu */
 #mobile-header {display:flex; margin-top:30px;}
 #topnav-2,
 #topnav,
 #buttonnav, #metanav, #countrywrap, .tx-srlanguagemenu, #searchform, .languagenav {display:none;}
 div#topbox {height:100px;}
 div#topbox a#homelink {width:160px; padding: 18px 10px 20px 16px;}
 div#topbox a#homelink img {width:100%; height:auto;}

 div#main div#contentmain .shariff ul {padding-left:0;}
 div#main div#contentmain div.tx-ffndfcontentslider-pi ul.slick-dots {padding-left:0; margin-top:3% !important;}
 div#main div#contentmain div.sliderframe-raw div.tx-ffndfcontentslider-pi h3 {margin-top:2%;}

 div.tx-ffndfcontentslider-pi .slick-prev::before,
 div.tx-ffndfcontentslider-pi .slick-next::before,
 div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products .slick-prev::before,
 div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products .slick-next::before {font-size:38px;}

 div.tx-ffndfcontentslider-pi .ce-layout-1 .button,
 div.tx-ffndfcontentslider-pi .ce-layout-1 .onlineshop-link button {font-size:1rem !important;}

 div#main div#contentmain div.tx-ffndfcontentslider-pi h2.layout-1 {padding:0 15px;}

 div#main div#contentmain div.more-articles:not(.more-articles-2) {padding:8% 0;}
 div#main div#contentmain div.more-articles:not(.more-articles-2) h2 {font-size:72px; font-size:4.5rem; line-height:76px;}
 div#main div#contentmain.indented div.more-articles {padding:0;}
 div#main div#contentmain ul {padding:0 0 0 25px;}

 div.tx-ffndfcontentslider-pi div.frame-products div.product-extralogo {right:0;}
 div.tx-ffndfcontentslider-pi div.frame-products div.product-extralogo img {width:75% !important; height:auto;}

 div#main div#contentmain nav.menu ul.teasermenu-small li a span {font-size:19px; font-size:1.1875rem;}

 div#main div.cols-2-inner div.col a.popup-youtube img {width:100%; height:auto;}

 /* slider */
 div.tx-ff-owl-slider .owl-buttons {top:40%;}
 .owl-theme .owl-controls .owl-buttons div {width:35px; font-size:50px; line-height:50px;}

 div.tx-ff-owl-slider  .layout-1,
 div.tx-ff-owl-slider  .layout-3 {padding:30px 4%;}
 div.tx-ff-owl-slider  .layout-1 h3,
 div.tx-ff-owl-slider  .layout-3 h3 {font-size:42px; font-size:2.625rem; line-height:46px;}
 div.tx-ff-owl-slider  .layout-1 p,
 div.tx-ff-owl-slider  .layout-3 p {font-size:18px; font-size:1.125rem; line-height:22px;}
 div.tx-ff-owl-slider  .layout-1 a,
 div.tx-ff-owl-slider  .layout-3 a {margin-top:10px; font-size:16px; font-size:1rem;}

 /* special */
 div#main div#contentmain a.special-warninglink {width:100%;}


  /* app download */
  div#main .appdownload .col:last-child img {height:50px; width: auto;}

 /*media module */
 div.mediacontent div.itemtitle {font-size:16px; font-size:1rem;}
 #mediacontents .mediaitem .teaserimg img {width:100%; height:auto;}
 div.mediacontent div.media-icon {margin-right:2%;}

 /* nature in the garden from at */
 .certificate-link a {width: 150px !important; font-size: 16px; font-size: 1rem;}

 /* ce images */
 /* right/left intext */
 .ce-textpic.ce-right .image,
 .ce-textpic.ce-left .image {max-width:200px; display:block;}
 .ce-textpic.ce-right .image img,
 .ce-textpic.ce-left .image img {width:100%; height:auto;}
 .round-images .ce-textpic.ce-right .image,
 .round-images .ce-textpic.ce-left .image {height:200px;}
 .round-images .ce-textpic.ce-right .image img,
 .round-images .ce-textpic.ce-left .image img {height:100%;}
  .ce-textpic.ce-right .ce-gallery figcaption,
  .ce-textpic.ce-left .ce-gallery figcaption {display:block;}

 /* above/below */
 #contentmain .ce-textpic.ce-above .image,
 #contentmain .ce-textpic.ce-below .image {max-width:none;}

 /* list of round images */
 div.list-round-images .ce-gallery .ce-row {width:23.875%}
 div.list-round-images .ce-gallery .ce-row:nth-child(5n) {margin-right:1.5%;}
 div.list-round-images .ce-gallery .ce-row:nth-child(4n) {margin-right:0;}

 /* video */
 .frame-type-textmedia .ce-textpic.ce-below .ce-column,
 .frame-type-textmedia .ce-textpic.ce-below .ce-gallery,
 .frame-type-textmedia .ce-textpic.ce-above .ce-column,
 .frame-type-textmedia .ce-textpic.ce-above .ce-gallery,
 .frame-type-textmedia .ce-textpic.ce-left .ce-gallery,
 .frame-type-textmedia .ce-textpic.ce-right .ce-gallery,
 .frame-type-textmedia .ce-column {float:none;}
 .frame-type-textmedia .ce-textpic.ce-left .ce-gallery,
 .frame-type-textmedia .ce-textpic.ce-right .ce-gallery {margin-left:0; margin-right:0;}
 .frame-type-textmedia .ce-center .ce-outer,
 .frame-type-textmedia .ce-center .ce-inner {float:none; position: static;}
 .ce-gallery .video {margin-bottom:15px; display:block;}
 .video .video-embed {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;}
 .video .video-embed iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 .video .video-embed video {width:100%; height:auto;}

 div#main div#contentmain ul.mg-goodtoknow {padding:0;}

 /* footer */
 footer .cols-5-inner .col {width:30%; width:30%; margin-bottom:25px;}
 footer .cols-5-inner .cols-5-inner-middleRight,
 footer .cols-5-inner .cols-5-inner-Right {margin-top:45px !important; width:45%;}
 footer .cols-5-inner-Right > div:first-child {width:100%;}
 footer div.cols-5-inner-middleRight {padding-right:5%; border-right:1px dashed #c3bdb6;}
 footer div.nl_subscription input {display:block; width:100%;}

 footer .cols-5-inner-Right {text-align:center;}
 footer .cols-5-inner-Right .ce-image {float:none; width:160px; margin:20px auto 0;}

 footer div.nl_subscription div.privacy input[type='checkbox'] {margin-bottom:0 !important;}
 footer div.nl_subscription div.privacy {font-size:15px; font-size:0.9375rem;  line-height: 20px !important;}

 /* footer 2022 */
 .footerbox-big #row2 .cols-5-inner-middle {display:none;}
 .footerbox-big #row2 .col {width: 48%;}
}

@media only screen and (max-width:900px) {
  /* mediabar */
  .mediabar {position: fixed; bottom:0; top:auto;  padding:0 0; z-index:1002;
    width:100%; display:flex; flex-wrap:wrap; justify-content: space-around;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.3);
  box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.3);
  }

  div#main div#contentmain.indented div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products div.product-name a {font-size: 22px;}

  div#main div#contentmain .more-articles-2 .col {width:48%; margin-bottom:25px !important;}
  div#main div#contentmain .more-articles-2 .col:last-child {width: 100%;}


  .mediabar .item {display: inline-block; padding:8px 12px;}
  .back-to-top {bottom:75px;}
  .back-to-top.back-to-top-search {bottom:135px;}

  footer {padding-bottom:60px;}

  /* footer 2022 */
 .footerbox-big #row2 {display:none;}
 .footerbox-big .col {width:50%; margin-bottom:30px;   padding-bottom:30px;  border-bottom: dotted 1px rgb(110,105,86);}
 .footerbox-big #row1 .col:last-child {width: 100%; border-bottom:none; margin-bottom:0; padding-bottom:0;}
  footer #infonav {margin-top:40px;}

  #row1.single-row .cols-5-inner-middle {width:100%;}
  #row1.single-row .cols-3-inner-left,
  #row1.single-row .cols-5-inner-right {display:none;}
}

@media only screen and (max-width:768px) {
  /* overall */
  h1 {margin-bottom:15px; font-size:30px; font-size:1.875rem;}
  h2 {font-size:28px; font-size:1.75rem;}
  h3,
  div#main div#contentmain .more-articles-2 .col h2,
  div#main div#contentmain .more-articles-2 .col h3,
  div#main div#contentmain .more-articles-2 .col h4 {font-size:20px; font-size:1.25rem;}
  .frame-default > header h2,
  .frame-default > header h3 {margin-top:20px;}
  h4 {font-size:16px; font-size:1rem;}
  div, p, li, th, td, dt, dd {font-size:16px; font-size:1rem; line-height:1.5;}
  div#main div#contentmain div.tx-ffndfmedia-controller .mediacontentstitle h3 {font-size:16px; font-size:1rem;}
  div.basketlink a, div.listalllink a,
  .button {font-size:14px; font-size:0.875rem;}
  .button.button-rte {padding:9px 18px;}
  .button.onlineshop-link > a::before {font-size:12px; margin-right:8px;}

  .frame-type-list .button.onlineshop-link {padding:10px 16px;}

 .embed-container {width:100%; padding-bottom: 56.25%;}
 div#topbox {height:55px;}
 div#topbox a#homelink {width:100px; padding:10px 8px 15px 10px;
   border-radius: 0px 0px 10px 10px;
   -moz-border-radius: 0px 0px 10px 10px;
   -webkit-border-radius: 0px 0px 10px 10px;
 }
 #mobile-header {margin-top:7px;}
 body.scrolled div#topbox a#homelink {width:100px;}


 #specialbar,
 div#breadcrumb {display:none;}

 div#main div#contentmain div.darkerbg {padding:55px 0; margin:55px 0 90px;}
 div#main div#contentmain div.more-articles span.Hervorhebung1 {font-size:20px; font-size:1.25rem;}

 /* faq */
 div#main div#contentmain div.toggle-box h3,
 .faq-list .faq-question {padding: 8px 25px 8px 45px; font-size:16px; font-size:1rem;}
 div#main div#contentmain div.toggle-box h3::before,
 .faq-list .faq-question::before {width:20px; height:20px; line-height: 1.4; font-size: 0.9rem;}
 div#main div#contentmain .faq-answer p {font-size:16px; font-size:1rem; line-height: 1.5; }

  /* slider */
  div.tx-ff-owl-slider  .layout-1,
  div.tx-ff-owl-slider  .layout-3 {padding:30px 3%;}
  div.tx-ff-owl-slider .layout-1 {max-width:338px;}
  div.tx-ff-owl-slider  .layout-1 h3,
  div.tx-ff-owl-slider  .layout-3 h3 {font-size:34px; font-size:2.125rem; line-height:1;}
  div.tx-ff-owl-slider .layout-2 {padding-top:50px; width: 385px; height: 220px;}
  div.tx-ff-owl-slider .layout-2 h3 {color:#ffed00; font-size:38px; font-size:2.375rem; line-height:42px;}
  div.tx-ff-owl-slider .layout-2 p {margin-top:10px; color:#fff; font-size:20px; font-size:1.25rem; line-height:24px;}

 div#main div#contentmain div.our-service {min-height:auto; padding:30px 0;}
 div#main div#contentmain:not(.indented) div.more-articles:not(.more-articles-2) h2,
 div#main div#contentmain div.our-service h2 {text-align: center; font-size: 48px; font-size:3rem; padding-top:0; margin: 10px 0 20px 0; width:auto; line-height:52px;}

 div#main div#contentmain.indented div.more-articles-2 figure a,
 div#main div#contentmain.indented div.more-articles figure a {height: 140px;}
 div#main .indented div.more-articles-2 .col,
 div#main .indented div.more-articles .col {width: 48%; margin: 0 0 25px 0 !important;}
 div#main div#contentmain.indented div.more-articles-2 .ce-bodytext,
 div#main div#contentmain.indented div.more-articles .ce-bodytext {padding:12px 10px;}
 div#main .indented div.more-articles-2 .button,
 div#main .indented div.more-articles .button {padding: 5px 15px; font-size: 1rem;}

 div#main div#contentmain nav.menu ul .teaserbox {width:49%;}
 div#main div#contentmain nav.menu ul .teaserbox > a {padding:15px;}
 div#main div#contentmain nav.menu ul li {margin-bottom:15px;}

 div#main div#contentmain nav.menu ul.teasermenu-small .teaserbox {width:100%; margin-right:0!important;}
 div#main div#contentmain nav.menu ul.teasermenu-small li:nth-child(4n) {margin-right:0 !important;}
 div#main div#contentmain nav.menu ul.teasermenu-small li:nth-child(3n) {margin-right:0 !important;}
 div#main div#contentmain nav.menu ul.teasermenu-small .teaserbox img {display:none;}

 div#main div#contentmain table.ndf-contenttable th,
 div#main div#contentmain table.ndf-contenttable td {padding: 12px 12px; font-size: 1rem; line-height: 20px;}
 div#main div#contentmain table.ndf-contenttable td p {font-size: 1rem; line-height: 20px;}

 /* menu with table of contents */
 div#main div#contentmain div.frame-type-menu_section {padding: 20px 25px 20px; margin: 30px auto 30px;}
 div#main div#contentmain div.frame-type-menu_section ul {padding-left:25px;}

 /*special */
 div#main div#contentmain a.special-warninglink {padding:10px 3%;}
 div#main div#contentmain a.special-warninglink span {margin-left:12%;}

 /* form */
 div#main div.tx-powermail fieldset div.powermail_fieldwrap {width:100%; float:none;}
 div#main div.tx-powermail fieldset div.powermail_fieldwrap:nth-child(2n+1) {margin-left:0;}

 /* media module */
 div.tx-ffndfmedia-controller div.terms-of-use label,
 .basket-usage-msg {font-size:16px; font-size:1rem;}
 div.mediacontent div.media-icon {width:32px; height:32px;}
 div.mediacontent div.media-icon button,
 div.mediacontent div.media-icon a {padding:5px; font-size:16px; font-size:1rem;}
 div.tx-ffndfmedia-controller div#mediacontents {margin-top:25px;}
 div.mediaitem .mm-title {padding: 8px 25px 8px 45px; font-size:16px; font-size:1rem;}
 div.mediaitem .mm-title::before {width:20px; height:20px; line-height: 1.4; font-size: 0.9rem;}
 div.teaserimg {margin-bottom:5px;}
 div.addtobasket i.icon-times-solid {padding:0;}
 icon-download-2 {font-size:1rem; padding-top:3px;}
 div.tx-ffndfmedia-controller div.basketitem .title {float:none;}
 div.tx-ffndfmedia-controller .action-buttons {float:none; margin-top:10px;}
 div#mediacontents div.terms-of-use,
 div#basket-mediacontents div.terms-of-use {margin-top:20px; margin-bottom:20px;}
 div#mediacontents div.terms-of-use label,
 div#basket-mediacontents div.terms-of-use label {font-size:16px; font-size:1rem;}
 div#mediacontents div.terms-of-use input[type="checkbox"] {margin-top:4px;}
 div.mediacontent div.media-icon .icon-collection-folder {padding-top:4px; font-size:.9rem;}

 /* newsletter */
 .tx-ffnlsubscription-subscription-plugin input,
 .tx-ffnlsubscription-subscription-plugin select {width:100%;}

 div#main div#contentmain div.nl_subscription input {width:75%;}

 /* cols */
 div#main div#contentmain .cols-inner-3 .frame-layout-5:last-child {margin-bottom:0 !important;}

 /* frame layouts */
div#main div#contentmain .frame-layout-1,
div#main div#contentmain .frame-layout-5 {padding:15px !important;}


 /* list of round images */
 div.list-round-images .ce-gallery .ce-row {width:32.33333333333333%}
 div.list-round-images .ce-gallery .ce-row:nth-child(5n) {margin-right:1.5%;}
 div.list-round-images .ce-gallery .ce-row:nth-child(4n) {margin-right:1.5%;}
 div.list-round-images .ce-gallery .ce-row:nth-child(3n) {margin-right:0;}

  /* expert advice */
  div.expert-advice.green-bg {padding: 30px 0;}
  div#main div.expert-advice div.col {width:100% !important; margin-bottom:0;}
  div#main div.expert-advice  div.col.cols-2-inner-right {margin-left:0; width:100%;}
  div#main div.expert-advice  div.col.cols-2-inner-left {margin:0 auto 15px; max-width:70%;}

  div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products div.product-name {word-break: break-word;}

  div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products div.product-name a {font-size:1.125rem !important;}

 /* footer */
 footer div.nl_subscription input {display:block; width:100%;}
 footer .cols-5-inner-Right {text-align:left;}
 footer .cols-5-inner-Right > div:first-child {width:auto;}
 footer .cols-5-inner-Right {display:flex; display: -ms-flexbox;}
 footer .cols-5-inner-Right .ce-image {float:none; width:auto; margin:0;}
 footer .cols-5-inner-Right .ce-image .ce-gallery {padding-top:0; width:50px; height:50px;}
 footer .cols-5-inner-Right .ce-image .ce-gallery .ce-outer,
 footer .cols-5-inner-Right .ce-image .ce-gallery .ce-inner {float:none; position: static;}
 footer .cols-5-inner-Right .ce-image .ce-gallery img {width:60%; height:auto; margin:10px 0 0 12px;}
 footer .cols-5-inner-Right .ce-image figcaption {display:none;}
}


@media only screen and (max-width : 640px) {
 #shopalert a {padding:5px 3%; font-size:12px; font-size:0.75rem;}

    /* slider */
 div.tx-ff-owl-slider .layout-1,
 div.tx-ff-owl-slider .layout-2,
 div.tx-ff-owl-slider .layout-3 {display:none;}

 div#main div#contentmain div.backlink {margin-top:5%;}

 div#main div.col {width:45%;  margin-bottom:50px;}
 div#main div.cols-3-inner-middle {margin-left:5%;}
 div#main div.cols-3-inner-right {margin:0 auto;}

 div#main .cols-2-inner.frame-layout-5 div.col:last-child {margin-bottom:0;}

 div#main div#contentmain .cols-2-inner.frame-layout-1 .col,
 div#main div#contentmain .cols-2-inner.frame-layout-5 .col {margin-bottom:20px;}
 div#main div#contentmain .cols-2-inner .frame-layout-5 {margin-top:0 !important;}
 div#main div#contentmain .cols-2-inner.frame-layout-1 .col:last-child,
  div#main div#contentmain .cols-2-inner.frame-layout-5 .col:last-child,
 div#main div#contentmain .cols-2-inner .col .frame-layout-5:last-child {margin-bottom:0 !important;}

 div#main div#contentmain h1, div#main div#contentmain h2 {text-align:left;}
 div.tx-ffndfcontentslider-pi div.frame-products div.product-extralogo {display:none;}
 .slick-dots li,
 div.tx-ffndfcontentslider-pi ul.slick-dots li button {width:14px !important; height:14px !important;}


 div#main div.cols-2-inner div.col {width:100%;}
 div#main div.cols-2-inner div.col a.popup-youtube img {width:80%; height:auto;}
 div#main div.cols-2-inner div.cols-2-inner-right {margin-left:0;}

 div#main div#contentmain .more-articles-2 .col {width: 100%;}
 div#main div#contentmain .more-articles-2 .col:last-child {margin-bottom: 0 !important;}

 /* teaserboxes */
 div#main div#contentmain nav.menu ul li a span {font-size:1rem;}

 div#main div#contentmain div.our-service {background:none; background-color:rgb(230,223,218);}
 div#main div#contentmain div.our-service div.cols-3-inner-middle {margin:0 auto 8% !important;}
 div#main div#contentmain div.our-service h2 {color: #20993f;}
 div#main div#contentmain div.our-service h3 {height:auto;}
 div#main div#contentmain div.our-service .col {width:80%; padding:8%; margin:0 auto 8%;}
 div#main div#contentmain div.our-service .col img {margin:0 auto; width:auto; height:auto;}
 div#main div#contentmain div.our-service div.nl_subscription input[type='checkbox']:not(:checked) {margin-bottom:0 !important;}
 div#main div#contentmain div.our-service div.nl_subscription button {margin-top:10px;}

 /* ce images */
 /* right/left intext */
 .ce-textpic.ce-right .image,
 .ce-textpic.ce-left .image {max-width:150px;}
 .round-images .ce-textpic.ce-right .image,
 .round-images .ce-textpic.ce-left .image {height:150px;}
/* below/above */
#contentmain .ce-image.ce-below .ce-gallery[data-ce-columns="2"] .ce-row,
#contentmain .ce-image.ce-above .ce-gallery[data-ce-columns="2"] .ce-row,
#contentmain .ce-textpic.ce-above .ce-gallery[data-ce-columns="2"] .ce-row,
#contentmain .ce-textpic.ce-below .ce-gallery[data-ce-columns="2"] .ce-row {flex-wrap:wrap;}
#contentmain .ce-image.ce-above .ce-gallery[data-ce-columns="2"] .ce-column,
#contentmain .ce-image.ce-below .ce-gallery[data-ce-columns="2"] .ce-column,
#contentmain .ce-textpic.ce-above .ce-gallery[data-ce-columns="2"] .ce-column,
#contentmain .ce-textpic.ce-below .ce-gallery[data-ce-columns="2"] .ce-column {margin-bottom:10px; margin-right:0;}

 div#cookiehint {width:20rem; padding:25px; font-size:18px; font-size:1.2rem; line-height:2rem;}

 /* media module */
 div#mediacontents div.mediacontent {width: 30%; margin: 0 3% 4% 0;}
 div.tx-ffndfmedia-controller div.basketitem .mediatitle,
 div.tx-ffndfmedia-controller div.basketitem .fileinfo {font-size:14px; font-size:0.875rem;}
 .preview-lightbox div.tx-ffndfmedia-controller h2 {font-size:55px; font-size:3.4375rem; margin-top:30px; line-height:55px;}
 .mfp-content .basket h3 {font-size:20px !important; font-size:1.25rem !important;}
 div.tx-ffndfmedia-controller div.basketitem {padding:3% 0;}
 div.tx-ffndfmedia-controller div.basketitem .downloadlink a,
 div.tx-ffndfmedia-controller .removeallbasket button,
 div.tx-ffndfmedia-controller .removefrombasket button {width:35px; height:35px; padding-top:8px;}
 div.tx-ffndfmedia-controller div.basketitem .downloadlink a {font-size:1rem;}

 div.tx-ffndfmedia-controller .removeallbasket button,
 div.tx-ffndfmedia-controller .removefrombasket button {padding-top:0;}
 div.tx-ffndfmedia-controller div.full .downloadbasketlink a {font-size:15px; font-size:0.9375rem;}

  /* powermail */
  .powermail_confirmation td {display:block; padding-bottom:3px; font-size: 1.25rem;}
  .powermail_confirmation .powermail_all_value {padding-bottom:8px;}

  /* green bg */
  div#main div#contentmain div.frame-layout-1 {padding:25px 20px 20px !important;}

  .mg-goodtoknow li {width:100%;}
  .mg-goodtoknow li br {display:none;}
  .mg-goodtoknow li:nth-last-child(-n+2) {margin-bottom: 20px !important;}


  /* app download */
  div#main div#contentmain .appdownload h3 {margin-bottom:10px;}
  div#main .appdownload .col:first-child {width:100%; margin-bottom:25px;}
  div#main .appdownload .col:first-child img {margin:auto; max-width: 50%;}
  div#main .appdownload .col:last-child {width:100%; margin-left:0;}

  /* pflantdoc */
  .standalone .menu-list {gap:5%;}
  .standalone .menu-item {max-width: 45%;}
  .tx-ffndfplantdoctor-pi2 .standalone #step-3 div.menu-item span.title {margin-bottom:10px; font-size:20px; font-size:1.25rem; height:auto;}

 /* footer */
 footer {min-height:0;}
 footer .frame-type-menu_pages a {display:inline-block; font-size:18px; font-size:1.125rem;}
 footer .cols-5-inner .col {width:100%; width:100%; margin-right:0; margin-bottom:25px;}
 footer .cols-5-inner div.cols-5-inner-middleRight {border-right:none;}
 footer .cols-5-inner .cols-5-inner-left {order:3; -webkit-order:3; margin-top:25px !important;}
 footer .cols-5-inner .cols-5-inner-middleLeft {order:4; -webkit-order:4;}
 footer .cols-5-inner .cols-5-inner-middle {order:5; -webkit-order:5;}
 footer .cols-5-inner .cols-5-inner-middleRight {order:1; -webkit-order:1; padding-top:15px; padding-bottom:26px; margin-bottom:0 !important; margin-top:0 !important; border-bottom:1px dashed #c3bdb6;}
 footer .cols-5-inner .cols-5-inner-Right {order:2; -webkit-order:2; margin-top:40px; padding:26px 0; border-bottom:1px dashed #c3bdb6;}
 footer .cols-5-inner .cols-5-inner-Right {margin-top:0 !important;}
 div.nl_subscription form {margin-top:5%;}

 /* footer 2022 */
 .footerbox-big .col {width:100%;}
 footer #infonav ul {text-align: left;}
 footer #infonav li {display:block; border-left:0; padding:0; margin-bottom:10px;}
}


@media only screen and (max-width : 480px) {
 /* slider */
 div.tx-ff-owl-slider .owl-buttons {top:40%;}
 .owl-theme .owl-controls .owl-buttons div {width:28px; font-size:40px; line-height:40px;}

 div#main div#contentmain nav#handmade-nav {margin-top:15px !important;}
 div#main div#contentmain:not(.indented) div.more-articles:not(.more-articles-2) h2 {font-size:40px; font-size:2.5rem; line-height:44px;}
 div#main div#contentmain .more-articles-2 .header-container {margin-bottom:20px;}

 /* teaser nav */
 div#main div#contentmain nav.menu ul .teaserbox > a {padding:10px;}

 div#main div.col {width:75%; display:block; margin:0 auto 25px;}

 div#main div.cols-2-inner div.col a.popup-youtube img {width:100%; height:auto;}

 div#main div#contentmain table.ndf-contenttable th,
 div#main div#contentmain table.ndf-contenttable td {padding: 12px 4px; font-size: 1rem; line-height: 20px;}

 div#main .indented div.more-articles .col {width:100%;}

 /* app download */
 div#main .appdownload .col:last-child img {display:block; margin:auto;}
 div#main .appdownload .col .ce-column {float:none; width: 100%; margin:0 0 10px 0;}
 div#main .appdownload .col .ce-column figure {display:block;}

 /* special */
 div#main div#contentmain a.special-warninglink span {margin-left:18%;}

 div#main div#contentmain div.frame-type-menu_section ul {padding-left: 20px;}

 /* media module */
 div#mediacontents div.mediacontent {width:48%; margin-right:4%;}
 div#mediacontents div.mediacontent:nth-child(2n) {margin-right:0;}
 div.tx-ffndfmedia-controller div.full .downloadbasketlink a {font-size:12px; font-size:0.75rem;}

  /* newsletter */
 div#main div#contentmain div.nl_subscription input {width:100%;}

 /* list of round images */
 div.list-round-images .ce-gallery .ce-row {width:49%}
 div.list-round-images .ce-gallery .ce-row:nth-child(5n) {margin-right:2%;}
 div.list-round-images .ce-gallery .ce-row:nth-child(4n) {margin-right:2%;}
 div.list-round-images .ce-gallery .ce-row:nth-child(3n) {margin-right:2%;}
 div.list-round-images .ce-gallery .ce-row:nth-child(2n) {margin-right:0;}
 div.list-round-images .ce-gallery figure > a {border: solid 6px rgb(176,209,176);}
 div.list-round-images .ce-gallery figcaption {margin-top:5px;}
 div.list-round-images .ce-gallery figcaption a {font-size:1rem;}

}

@media only screen and (max-width : 380px) {
 .certificate-link a {width: 135px !important; font-size: 15px; font-size: 0.9375rem; text-align: left; padding: 9px 14px 0;}
div.tx-ffndfcontentslider-pi div.frame-products div.product-name a {font-size:1.375rem;}

   /* pflantdoc */
.standalone .menu-item {max-width: 75%; margin:0 auto 15px;}

}

.table-wrap.scrollable {
  overflow-x: auto;
}

body > header {padding:0;
    background: rgb(251,243,9);
    background: linear-gradient(180deg, rgba(251,243,9,1) 0%, rgba(253,249,132,1) 25%, rgba(255,254,242,1) 80%, rgba(255,254,242,1) 100%);
  } 
  
div#topbox a#homelink {display:block; padding:10px 0 0 0; background:none; box-shadow: none; border-radius:0; -webkit-border-radius:0; -moz-border-radius: 0px;}

body.scrolled div#topbox a#homelink {width: 70px; padding: 5px 0 0 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;}
body.scrolled div#topbox a#homelink img {width: 100%; height: auto;}

#sidr-main .logo {height:auto; padding:10px 0 0 0; background:none; box-shadow: none; border-radius:0; -webkit-border-radius:0; -moz-border-radius: 0px;}


@media only screen and (max-width : 1024px) {
    div#topbox a#homelink {width:120px;}
}    

@media only screen and (max-width : 768px) {
    div#topbox a#homelink {width:70px; padding: 5px 0 0 0;}
} 
/* cookie notification box */
div#cookiehint {position:fixed; scrollbar-width:none; bottom:20px; left:20px; width:42rem !important; max-height:95%; padding:25px 20px 5px; background-color:rgba(0,144,54,0.95); color:#fff; 
border-radius:12px; box-shadow:10px 6px 12px 0 rgba(0, 0, 0, 0.4); z-index:25000;
overflow-y:scroll; font-weight:normal; font-size:.85rem; line-height:1.5;}
div#cookiehint::-webkit-scrollbar {display:none;}
div#cookiehint .cookietext {max-height:220px; overflow-y: scroll; color:#fff; font-size:.85rem; line-height:1.5;}
div#cookiehint .cookietext::-webkit-scrollbar {width: 2px;}
div#cookiehint .cookietext::-webkit-scrollbar-track {background:rgba(255,255,255,.2);}
 
/* Handle */
div#cookiehint .cookietext::-webkit-scrollbar-thumb {background: #fff; }

div#cookiehint h4 {margin:0 0 2px 0; font-size:1.25rem; font-weight:bold; color:#fff;}
div#cookiehint a {display:inline-block; font-size:.85rem; color:#fff24c;}
div#cookiehint a:hover {text-decoration:underline;}

div#cookiehint div.choose, div#cookiehint div.settings {margin:10px 0;}
div#cookiehint span.cookiebutton, div#cookiehint span.cookiebutton2,
 div#cookiehint span.settingsbutton, div#cookiehint span.consentbutton,
 div#cookiehint span.savebutton, div#cookiehint span.refusebutton
 {display:inline-block; margin:0 10px 0 0; padding:5px 10px; font-size:1rem; font-weight:bold; color:#000; background-color:#fff24c; border:solid 1px #c8c8c8; border-radius:4px;}
div#cookiehint span.cookiebutton:hover, div#cookiehint span.cookiebutton2:hover,
 div#cookiehint span.consentbutton:hover, div#cookiehint span.settingsbutton:hover,
 div#cookiehint span.savebutton:hover, div#cookiehint span.refusebutton:hover
 {background-color:#fff; color:#000; border-color:#fff; cursor:pointer;}
div#cookiehint span.refusebutton, div#cookiehint span.consentbutton, div#cookiehint span.savebutton
 {border:solid 1px #fff24c;}
div#cookiehint span.refusebutton, div#cookiehint span.settingsbutton, div#cookiehint span.savebutton
 {clear:right; background-color:#009036; color:#fff; border:solid 1px #fff;}
div#cookiehint span.consentbutton {margin:10px 0 10px 0;}
div#cookiehint .cookiegrouphead {line-height:1;}
div#cookiehint label {display:inline-block; margin-bottom:0; font-size:0.875rem; line-height:1;}
div#cookiehint .box {font-size:10px;}
div#cookiehint .cookieinfo {margin-bottom:1px; padding:6px 10px; font-size:12px; background-color:#f5f5f5; overflow:hidden;}
div#cookiehint .heading {display:flex; justify-content:space-between; align-items: center; padding-bottom:5px; color:#555;}
div#cookiehint .toggle::before {font-size:1rem; line-height:1; content:'▼';}
div#cookiehint .toggle.active::before {font-size:1rem; line-height:1; content:'▲';}
div#cookiehint .cookiegroupdesc {margin-bottom:10px; padding:0 5px; font-size:14px; color:#555;}
div#cookiehint .cookieinfo table {width:100%; margin-bottom:10px; border-collapse:collapse; background-color:#fff;}
div#cookiehint .cookieinfo table th,
 div#cookiehint .cookieinfo table td {padding:0 10px; font-size:14px; color:#555; border:solid 1px #f5f5f5;}
div#cookiehint .cookieinfo table th {width:4rem; text-align:left;}
div#cookiehint span.info {font-size:14px; color:#999; cursor:pointer;}

@media only screen and (max-width:768px) {
 div#cookiehint  {width: 100% !important; max-width: none; left: 0; bottom: 0; border-radius: 0; font-size: 0.875rem;
   -webkit-box-shadow: -1px -2px 5px 0px rgba(0,0,0,0.22);
   -moz-box-shadow: -1px -2px 5px 0px rgba(0,0,0,0.22);
   box-shadow: -1px -2px 5px 0px rgba(0,0,0,0.22);
 }
}

@media only screen and (max-width:480px) {
  div#cookiehint {padding-bottom:15px;}
  div#cookiehint .choose {display:flex; flex-wrap:wrap; gap:2%;}
  div#cookiehint div.choose, div#cookiehint div.settings {margin-bottom:0;}
  div#cookiehint span.cookiebutton2,
  div#cookiehint span.settingsbutton,
  div#cookiehint span.consentbutton {display:block; width:100%; text-align: center; margin:0 0 10px 0;}
  div#cookiehint span.consentbutton {margin-bottom:0;}
  div#cookiehint span.savebutton,
  div#cookiehint span.refusebutton {width:49%; margin:0 0 10px 0; text-align: center;}
}

@media only screen and (max-width:400px) {
  div#cookiehint {max-height:100%; line-height:1.3; padding:15px;}
}


/* head */
div#contenthead {position: relative;}
div#contenthead .ce-textwrap {position: absolute; top:0; left:0; right:0; width: 100%; height:100%; max-width: 1200px; margin:auto;}
div#contenthead .ce-bodytext {position: absolute; top: 50%; transform: translateY(-50%); right:3%; border-radius:12px; max-width: 390px; padding:30px 27px; background-color: rgba(255,255,255,0.8);}
div#contenthead h3 {margin: 0;}
div#contenthead p {margin: 18px 0 0 0; line-height: 1.3; font-family: LatoRegular,Verdana,sans-serif;}

/* overall */
div#main div#contentmain h1.ce-headline-center {margin-bottom:45px;}
div#main div#contentmain div.darkerbg {margin-top:0; padding:45px 0 45px;}
h1,
h2 {margin-top:0;}
div#main div#contentmain .more-articles-2 .header-container,
h2 {margin-bottom:30px;}
div#main div#contentmain .frame-layout-5 {margin-top:0 !important;}
div#main div#contentmain .frame-layout-5.frame-space-after-extra-large {margin-bottom:90px !important;}

/* teaserboxen */
div#main div#contentmain nav.menu {margin-top:0 !important; margin-bottom:0 !important;}

/* teaserboxen alt */
div#main div#contentmain div.teaserbox-home a {padding:0; -webkit-transition: color 0.5s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
div#main div#contentmain div.teaserbox-home .ce-textpic {padding:13px 20px 13px;}
div#main div#contentmain div.teaserbox-home .ce-above .ce-gallery {margin-bottom:8px;}
div#main div#contentmain div.teaserbox-home figure img {width:100%; height:auto;}

div#main div#contentmain div.teaserbox-home .teaserbox h3 {margin:0; color:#20993f; font-size: 1.375rem; font-family: 'LatoSemiBold',Verdana,sans-serif;
-webkit-transition: color 0.5s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
div#main div#contentmain div.teaserbox-home .teaserbox h3 > a {font-family: 'LatoSemiBold',Verdana,sans-serif;}
div#main div#contentmain div.teaserbox-home .teaserbox p {margin:0; font-size:18px; font-size:1.125rem; color:#20993f; font-family:LatoRegular, Verdana, sans-serif;
-webkit-transition: color 0.5s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}

div#main div#contentmain div.teaserbox-home .teaserbox:hover h3 {color:#fff;}
div#main div#contentmain div.teaserbox-home .teaserbox:hover p {color:#fff;} 

/* area usefullings */
div#main div#contentmain  #c46769 div.frame-default {position: relative; /* min-height:435px; */}
div#main div#contentmain  #c46769 div.frame-default .button {/* position: absolute; bottom:30px; right:15px; */}
div#main div#contentmain  #c46769 div.frame-default .ce-gallery {margin-bottom:15px;}
div#main div#contentmain  #c46769 div.frame-default p:last-child {margin-bottom:0;}

/* specialcontent for plantdoc */
div#main div#contentmain div.specialcontent {overflow:hidden; padding:0 0 0;}
div#main div#contentmain div.specialcontent h3 {margin-top:50px; font-size:23px; font-size:1.4375rem; color:#000; text-align: center; font-family:LatoRegular, Verdana, sans-serif;}
div#main div#contentmain div.specialcontent p {max-width:660px; margin:auto;}
div#main div#contentmain div.specialcontent #c33330,
div#main div#contentmain div.specialcontent #c25124 {margin-bottom: 50px; margin-top:115px;}
div#main div#contentmain div.specialcontent .doc-menu {margin-top:35px;}
div#main div#contentmain div.specialcontent .doc-menu ul {display:flex; flex-wrap:wrap; justify-content: center; gap:2%; list-style-type:none; padding:0; margin:0;}
div#main div#contentmain div.specialcontent .doc-menu li {}
div#main div#contentmain div.specialcontent .doc-menu a {display:block;}
div#main div#contentmain div.specialcontent .doc-menu span {display:block; text-align:center; margin:0 auto 15px; padding:2px 18px; font-size:23px; font-size:1.4375rem; line-height:25px; color:#000; text-decoration:none; font-family:LatoRegular, Verdana, sans-serif;}
div#main div#contentmain div.specialcontent .doc-menu .vegetable {width:115px;}
div#main div#contentmain div.specialcontent .doc-menu .fruit {width:85px;}
div#main div#contentmain div.specialcontent .doc-menu .lawn {width:95px;}
div#main div#contentmain div.specialcontent .doc-menu .plants {width:160px;}
div#main div#contentmain div.specialcontent .doc-menu img {object-fit:cover; object-position:right; max-width:200px; height:auto; aspect-ratio:1/1; border-radius:100%; border:solid 10px rgba(215,232,209,1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
div#main div#contentmain div.specialcontent .doc-menu a:hover img {border:solid 10px rgba(0, 144, 54, 0.8);}

/* more articles for home */
div#main div#contentmain .more-articles-2 {margin:90px 0 50px;}
div#main div#contentmain .more-articles-2 h2 {text-align: center;}

/* */
div#contentmain > .cols-2-inner.frame-layout-5 .cols-2-inner-right {display: flex; flex-wrap: wrap; align-items: center;}

.cols-inner-3 {margin-bottom:0;}
.cols-inner-3.frame-space-after-large {margin-bottom:50px !important;}


@media only screen and (max-width : 1440px) {
  div#main div#contenthead figure img {width: 100%; height: 550px; object-fit: cover;}
}

@media only screen and (max-width : 1280px) {
  /* overall */
  div#main div#contentmain  > .section-inner.frame-layout-5 {margin-right: 3% !important; margin-left: 3% !important;}

  /* header image */
  div#main div#contenthead figure img {height: 500px;}

  /* teaserboxes  */
  div#main div#contentmain div.teaserbox-home > .section-inner {padding:0;}


  /* specialcontent plant doctor */
  div#main div#contentmain div.specialcontent > .section-inner {padding:0;}
}


@media only screen and (max-width : 1024px) {
  /* header img */
  div#contenthead h3 {font-size: 1.75rem;}
  div#contenthead p {font-size: 1.125rem;}
  div#main div#contenthead figure {aspect-ratio: 16/9;}
  div#main div#contenthead figure img {aspect-ratio: 16/9; height:auto;}
}

@media only screen and (max-width : 920px) {
  /* special content */
  div#main div#contentmain div.specialcontent .doc-menu ul {margin:auto; max-width: 450px; gap: 5%;}
}

@media only screen and (max-width : 768px) {
  /* overall */
  .frame-space-after-extra-large {margin-bottom: 60px !important;}
  div#main div#contentmain div.darkerbg {padding: 35px 0 35px; margin-bottom:35px;}
  /* header img */
  div#contenthead h3 {color:#fff;}
  div#contenthead p {color:#fff; margin-top:10px;}
  div#contenthead .button {background-color:#fff; color:#20993f;}
  div#contenthead .ce-textwrap {position: static; max-width: none; width: auto; height:auto;}
  div#contenthead .ce-bodytext {position: static; transform: none; max-width: none; width:100%; padding:15px; background-color:#20993f; border-radius:0;}

  /* teaser nav */
  div#main div#contentmain div.teaserbox-home .ce-textpic {padding:15px;}

  /* usefull things */
  div#main div#contentmain  #c46769  div.col {width: 100%; margin:0 0 25px 0;}
  div#main div#contentmain #c46769 div.frame-default {min-height: 0;}
  div#main div#contentmain #c46769 .col:last-child div.frame-default.frame-layout-5:last-child {margin-bottom:0 !important;}

  /* more articles */
  div#main div#contentmain .more-articles-2 {margin: 50px 0;}
}

@media only screen and (max-width : 640px) {
  /* overall */
  div#main div#contentmain h1.text-center,
  div#main div#contentmain h1.ce-headline-center,
  div#main div#contentmain h2.text-center,
  div#main div#contentmain h2.ce-headline-center {text-align: center;}

  /* teaserboxes */
  div#main div#contentmain div.teaserbox-home .teaserbox h3 {font-size:1rem;}

  /* special content */
  div#main div#contentmain div.specialcontent .doc-menu li {max-width: 45%;}
  div#main div#contentmain div.specialcontent .doc-menu img {width:100%; height:auto;}

  div#contentmain > .section-inner.frame-layout-5 > .col {margin-bottom:15px;}
}

@media only screen and (max-width : 480px) {
  div#contenthead p {font-size: 1rem;}

  /* teaserboxes */
  div#main div#contentmain div.teaserbox-home .ce-textpic {padding:10px;}
  div#main div#contentmain div.teaserbox-home .teaserbox p {display:none;}
  div#main div#contentmain div.teaserbox-home .teaserbox a {padding:0;} 

  /* special content */
  div#main div#contentmain div.specialcontent .doc-menu span {font-size:1.125rem;}
}