/* 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%;
    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;
}

th, td {
    vertical-align: top;
}

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;*/
/*}*/

.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;
}

.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.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);*/
}

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;*/
/*}*/

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: 10;
    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;
}

@media only screen and (max-width: 10224px) {
    nav#topnav-2 {
        padding-top: 10px
    }
}

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;
}

.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);
}

.mediaitem .teaserimg img {
    width: 100%;
    height: auto;
    max-width: 470px;
}

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-5 {
    border-radius: 12px;
    padding: 25px 30px 30px !important;
}

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 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: 1250px) {
    div#main div#contentmain h1, div#main div#contentmain h2 {
        word-break: break-word;
    }
}

@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;
}

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;
    width: 100%;
}

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 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 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;
    margin-bottom: 25px;
}

.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;
}

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-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;
    }

    .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;
    }

    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 > 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-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;
        word-break: break-word;
    }

    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;
    }

    .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;
}

div.tx-ffndfmedia-controller div#mediacontents div.teaserimg {
    height: initial !important;
}

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;}
}

div#contentmain {
    overflow: inherit;
}

div#main div#contentmain div#specialbar {
    margin-top: 0;
    padding-top: 45px;
}

div.tx-ffndfproductcatalogue-pi2 {
}

div.tx-ffndfproductcatalogue-pi2 .section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

div#main div#contentmain nav#productsmenu {
}

div.result-list {
    clear: both;
    overflow: hidden;
    margin-bottom: 50px;
}

@media only screen and (max-width: 500px) {
    div.result-list {
        padding-bottom: 40px;
    }
}

div#main div#contentmain div.backlink {
    width: 100%;
}

div.section-header {
    display: flex;
    flex-wrap: wrap;
}

div.section-header > div.searchform {
    width: 25%;
    order: 2;
}

div.section-header div.searchform div.searchform {
    padding-top: 70px;
}

div.section-header div.searchform form {
    position: relative;
}

div.section-header div.searchform input {
    height: 40px;
    width: 100%;
    padding: 0 18px;
}

div.section-header div.searchform button {
    position: absolute;
    right: 5px;
    top: 8px;
    font-size: 1.25rem;
    font-size: 20px;
    color: #c8c8c8;
    background: none;
    border: none;
}

div#main div#contentmain div.section-header h1 {
    width: 75%;
    order: 1;
}

div#main div#contentmain div.section-header h1.product-single {
    width: 100%;
}

div.section-header h3 {
    width: 100%;
    order: 3;
}

.result-subheader {
    order: 3;
    margin-bottom: 25px;
    font-family: LatoSemiBold, Verdana, sans-serif;
}

/* autocomplete */
.ui-autocomplete {
    max-width: 308px !important;
}

.ui-autocomplete li {
    font-size: 16px;
    font-size: 1rem;
}

.ui-autocomplete li a.ui-state-hover {
    cursor: pointer;
    background: none;
    border: none;
    color: #20993f;
    font-weight: bold;
}

.autocomplete-suggestions {
    overflow-y: scroll;
    background-color: #fff;
    padding: 5px 18px 12px;
}

.autocomplete-suggestions div {
    margin-top: 8px;
    font-size: 1rem;
    cursor: pointer;
}

.autocomplete-suggestions div strong {
    color: #20993f;
}

.autocomplete-suggestions div:hover {
    color: #20993f;
}

/* productlist */
.productfinder-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 80px;
    margin: 30px auto 0 !important;
}

.productfinder {
    max-width: 25%;
}

.productfinder.fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
    align-self: flex-start;
}

body.scrolled .productfinder.fixed {
    top: 115px;
}

.result-list {
    width: 75%;
    margin-left: auto;
}


div.result-list div.productlist {
    display: flex;
    flex-wrap: wrap;
}

div.productlist div.product {
    position: relative;
    width: 33.333333%;
    padding: 35px 1%;
    border-right: 1px dotted rgba(110, 105, 86, 1);
    border-bottom: 1px dotted rgba(110, 105, 86, 1);
}

div.productlist div.product:nth-child(3n) {
    border-right: none;
}

div.productlist div.product div.product-name {
    max-width: 100% !important;
    color: #1a171b;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
}

div.productlist div.product div.product-image img {
    width: 100%;
    height: auto;
    transition: transform 200ms linear;
}

div.productlist div.product div.product-image img:hover {
    transform: scale(1.03);
}

div.productlist div.product div.product-link {
    display: none;
}

div.productlist div.product div.product-link .button {
    display: block;
    padding: 8px 0 0 1px;
    margin: 0 auto;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 1.25rem;
}

div.productlist div.product div.product-link .button:hover {
    background-color: #005c23;
}

div.productlist div.product-link .button::before {
    display: none;
}


/* productfinder */
div.productfinder > h3 {
    display: none;
}

div.productfinder .intro-text {
    display: none;
}

div.filterbar {
    padding-bottom: 60px;
}

div.filterbar .filter {
    margin-bottom: 10px;
}

div.filterbar .title {
    font-size: 1.125rem;
    font-family: LatoSemiBold, Verdana, sans-serif;
    cursor: pointer;
}

div.filterbar .title::before {
    margin-right: 10px;
    color: #000;
    content: "\e925";
    font-family: "icomoon";
    font-size: 1rem;
}

div.filterbar .expanded .title::before {
    content: "\e91f";
}

div.filterbar .options {
    padding: 20px 0 0;
}

div.filterbar .options .option {
    margin-bottom: 10px;
}

div.filterbar .options .option:last-child {
    margin-bottom: 0;
}

div.filterbar .options .option label {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
}

div.filterbar .buttons:after {
    content: " ";
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
}

div.filterbar .reset {
    margin-top: 15px;
    padding: 8px 25px 8px 20px;
    background: none;
    border: solid 1px #323232 !important;
    border-radius: 12px;
    font-size: 18px;
    font-size: 1.125rem;
    cursor: pointer;
}

div.filterbar .reset::before {
    content: "x\00a0";
    margin-right: 5px;
    color: #323232;
}

input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before, input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before {
    top: 0;
}

div#main div#contentmain div.tx-ffndfproductcatalogue-pi2 h3.result-header {
    margin-bottom: 30px;
}

/* product detail */
div#main div#contentmain div.description ul,
div#main div#contentmain div.utilization ul {
    margin: 20px 0 0;
    padding-left: 0;
    list-style-type: none;
}

.product-single .bold {
    display: block;
    background: none !important;
    padding: 0;
    font-family: LatoSemiBold, Verdana, sans-serif;
}

div.description li,
div.utilization li {
    margin-bottom: 6px;
    padding-left: 25px;
}

div.utilization ul li {
    background: url('../../../fileadmin/templates_2020/neudorff/main/img/green-check.png') left 5px no-repeat;
}

div.description ul li {
    background: url('../../../fileadmin/templates_2020/neudorff/main/img/green-check.png') left 5px no-repeat;
}

div#main div#contentmain .product-single .frame ul li {
}

div#main div#contentmain .product-single .frame ol {
    padding: 0 20px;
}

div.utilization span:not(.shint) {
    display: block;
    margin-bottom: 10px;
}

div.registerno,
div.description,
div.utilization,
div.wtime,
div.packaging,
div.dsymbol,
div.introduction,
div.application-period,
div.storage {
    margin-bottom: 25px;
    color: #000;
}

div.nameaffix {
    margin-bottom: 15px;
    width: 100% !important;
    text-align: left !important;
    font-family: LatoBold, Verdana, sans-serif;
}

div.registerno {
    width: 100% !important;
    margin-top: -20px;
    margin-bottom: 15px;
}

div.application-period {
    margin-top: 35px;
}

div.application-period .bold {
    margin-bottom: 10px;
}

div.application-period .month {
    margin-right: 3px;
    padding: 8px 10px;
    background-color: rgba(50, 50, 50, 0.2);
    font-size: 16px;
    font-size: 1rem;
    font-family: LatoSemiBold, Verdana, sans-serif;
}

div.application-period .month.inact {
    display: none;
}

.description-ce {
    margin-bottom: 25px;
}

div#main div#contentmain .description-ce h3 {
    margin-top: 15px;
    font-size: 24px;
    font-size: 1.5rem;
}

.description-ce div.tx-ffndfmedia-controller div#mediacontents {
    margin-top: 0;
}

.description-ce #mediacontents .view.media-icon {
    display: none;
}

.security-advices {
    margin: 40px auto 0 !important;
}

.details-main .security-advices {
    margin: 40px 0 0 !important;
}


/* faq */
.relatedfaqs {
    margin-bottom: 20px;
}

.relatedfaqs .bold {
    display: block;
    margin-bottom: 10px;
}

.relatedfaqs .question {
    margin: 10px 0;
    padding: 8px 25px 8px 50px;
    font-size: 22px;
    font-size: 1.375rem;
    background-color: rgba(215, 232, 209, 1);
    color: #000;
    font-weight: normal;
    font-family: LatoSemiBold, Verdana, sans-serif;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
}

.relatedfaqs .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;
    top: 9px;
}

.relatedfaqs .act .question,
.relatedfaqs .question:hover {
    background-color: #20993f;
    color: #fff;
}

.relatedfaqs .act .question a,
.relatedfaqs .question:hover a {
    color: #fff;
}

.relatedfaqs .act .question::before,
.relatedfaqs .question:hover::before {
    background-color: #fff;
    color: #20993f;
}

.relatedfaqs .act .question::before {
    content: "\e911";
}


/* product detail new */
.product-single > div {
    margin-bottom: 70px;
}

.product-single > div:last-child {
    margin-bottom: 0;
    padding-bottom: 90px;
}

div#main div#contentmain .product-single h3 {
    padding: 0;
    margin: 0 0 15px;
}

.product-single > div .section-inner .col h4:first-child,
.product-single > div .section-inner h3:first-child {
    margin-top: 0 !important;
}

div#main div#contentmain .details-main.section-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 45px;
    margin-bottom: 60px;
}

div#main div#contentmain .details-main h1 {
    margin: 0 0 20px 0;
    padding: 0;
}

.details-main .button {
    width: 100% !important;
    height: auto !important;
    padding: 9px 18px 9px 18px;
}

.details-main .onlineshop-link {
    padding: 12px 18px 12px 18px;
    margin-top: 0;
    margin-bottom: 12px;
}

.details-main .onlineshop-link a {
    display: block;
}

.details-main .shopfinder-link {
    text-align: left;
}


.title-mobile,
.nameaffix-mobile {
    display: none;
}

div#main div#contentmain .product-single h4 {
    margin-top: 25px;
}

.packaging {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px; /* background-color:#fff;*/
}

.packaging .label {
    display: block;
    width: 35%; /* border-right: 1px dotted rgba(110,105,86,1); */
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
}

.packaging .items {
    display: block;
    width: 65%;
}

.packaging .items span {
    display: block;
    position: relative;
    padding-left: 18px;
    margin-bottom: 15px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
}

.packaging .items span::before {
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    width: 8px;
    height: 8px;
    background-color: #20993f;
    border-radius: 100%;
}


.gallery-small { /*max-width:50px;*/
    max-width: 348px;
    margin: 20px auto 0;
}

.gallery-small .slide {
    display: flex;
    align-items: center;
    height: 50px;
    width: 50px;
    padding: 0 4px;
    margin: 0 4px;
    border: solid 1px #323232;
    overflow: hidden;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.3);
}

.gallery-small .slide.slick-current {
    border: solid 1px #20993f;
}

.gallery-small .slide img {
    display: block;
    margin: auto;
    object-fit: cover;
}

.gallery-small .slick-prev,
.gallery-small .slick-next { /* text-align: center; width:100%; */
    height: auto;
    font-size: 28px;
}

.gallery-small .slick-prev {
    left: -25px;
}

.gallery-small .slick-next {
    right: -25px;
}

.gallery-small .slick-next:before,
.gallery-small .slick-prev:before {
    font-size: 28px;
    color: #323232;
    font-family: "icomoon";
}

.gallery-small .slick-next:before {
    content: "\e923";
}

.gallery-small .slick-prev:before {
    content: "\e921";
}

.gallery-big {
    position: relative;
    max-width: 100%;
}

.gallery-big .slide.big {
    min-height: 100%;
    min-height: 422px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gallery-big .slide.big a {
    display: block;
    width: 100%;
    text-align: center;
}

.gallery-big .video-title {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 1rem;
}

.details-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 64%;
    margin-left: 3%; /* max-width:765px; margin-left:35px; */
}

.details-right .nameaffix,
.details-right .title {
    width: 100%;
}

div#main div#contentmain .product-single li,
div#main div#contentmain .product-single p,
div#main div#contentmain div.description li,
div#main div#contentmain div.utilization li,
div.introduction {
}

.details-inner-left { /* max-width:530px; */
    width: 70%;
}

.details-inner-right { /* max-width:210px; */
    width: 28%;
    margin-left: 2%;
}

.shop-links {
    height: auto;
    padding: 15px 15px 15px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}

.details-inner-right .packaging {
    margin-top: 15px;
}

.details-inner-right .packaging span {
    display: inline-block;
}

.details-additional {
    padding: 80px 0;
    margin-top: 80px;
    background-color: rgb(230, 223, 218);
}

.details-additional .tab .section-inner {
    padding: 0;
}

div#main div#contentmain .details-additional h2.section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

div#main div#contentmain .details-additional h2 {
    padding: 0;
    margin: 0;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1;
    font-family: LatoSemiBold, Verdana, sans-serif;
}

.tab-menu {
    margin-top: 45px;
    border-bottom: solid 2px #20993f;
}

div#main div#contentmain .tab-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobile-dropdown,
div#main div#contentmain .tab-menu li {
    display: inline-block;
    padding: 8px 14px;
    margin-bottom: 0;
    margin-right: 15px;
    background-color: rgb(176, 209, 176);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
}

div#main div#contentmain .tab-menu li:hover,
div#main div#contentmain .tab-menu li.cur {
    background-color: #20993f;
    color: #fff;
}

.tab-menu li::before {
    display: inline-block;
    margin-right: 8px;
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
}

.tab-menu li.application::before {
    content: "\f713";
}

.tab-menu li.details::before {
    content: "\f05a";
}

.tab-menu li.faq::before {
    content: "\f059";
}

.tab-menu li.downloads::before {
    content: "\f07b";
}

.mobile-dropdown {
    display: none;
    position: relative;
    background-color: #20993f;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
}

.mobile-dropdown::after {
    position: absolute;
    right: 15px;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 400;
}

.details-additional .tabs .tab {
    padding-top: 24px;
}

.details-additional .tabs .utilization ul:first-child {
    margin-top: 0 !important;
}

div#contentmain .details-additional li p {
    margin-bottom: 0 !important;
}

/* fertilizer calculator */
.fertilizer-calculator {
    overflow: hidden;
}

.fertilizer-calculator h4 {
    margin-top: 0 !important;
}

#fertilizer-calculator {
    width: 350px;
    padding: 15px;
    margin-left: 5%;
    margin-bottom: 5px;
    margin-right: 5px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}

div#main div#contentmain #fertilizer-calculator h4 {
    margin-top: 0;
}

#fertilizer-calculator > div {
    margin-bottom: 10px;
}

#fertilizer-calculator select,
#fertilizer-calculator input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
}

#fertilizer-calculator button {
    border: none;
    padding: 10px 20px;
    height: auto;
    width: auto;
    text-align: left;
}


/* mediamodule */
.product-single .mctitle {
    display: none;
}

div#main div#contentmain .downloadall-msg {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-right: 250px;
}

.downloadall-msg span {
    display: block;
    padding-top: 5px;
}

.downloadall-msg .all-dl {
    position: absolute;
    width: auto;
    line-height: 1.5;
    right: 0;
    top: 0;
    display: block;
    text-align: center;
}

.downloadall-msg .all-dl::before {
    display: none;
}

@media only screen and (max-width: 768px) {
    div#main div#contentmain .downloadall-msg {
        padding-right: 0;
    }

    .downloadall-msg .all-dl {
        position: static;
        max-width: 250px;
    }
}

@media only screen and (max-width: 480px) {
    .downloadall-msg .all-dl {
        max-width: none;
        width: 100%;
        padding-top: 10px;
    }
}

div.tx-ffndfmedia-controller {
    margin: 0;
}

div.tx-ffndfmedia-controller div#mediacontents {
    margin-bottom: 0;
}

div.tx-ffndfmedia-controller div#mediacontents div.mediaitem {
    display: block;
}

div.tx-ffndfmedia-controller div.togglewrap {
    display: none;
}

div.tx-ffndfmedia-controller div#mediacontents div.itemtitle span.filename {
    font-size: 0.75rem;
    display: block;
    margin-top: 5px;
}

div.preview-lightbox div.teasertext {
    color: #fff;
}

.preview-lightbox img {
    width: 100%;
    height: auto;
}

div.basket-usage-msg i.icon-folder-solid {
    line-height: 36px;
}

/* background information */
div.links p {
    font-family: LatoBold, Verdana, sans-serif;
}

div#mediacontents div.links div.mediacontent {
    width: auto;
}

/* advertising texts */
div#mediacontents div.advertisingtexts div.mediacontent {
    width: 100%;
}

div#mediacontents div.advertisingtexts div.contenttitle {
    margin-top: 20px;
}

div#mediacontents div.advertisingtexts div.listalllink {
    width: 100%;
}

div#mediacontents div.advertisingtexts div.listalllink a {
    width: 235px;
}

div[id*='preview-advertisingtext'] {
    padding: 3%;
    background-color: #fff;
}

/* guidebooks */
div#mediacontents div.guidebooks div.listalllink {
    width: 100%;
}

/* podcasts */
div#mediacontents div.podcasts div.listalllink {
    width: 100%;
}

/* admissions */
div#mediacontents div.admissions div.contenttitle {
    line-height: 36px;
}

#basket-download-all-by-product-link {
    margin-bottom: 10px;
    text-align: center;
}

#basket-download-all-by-product-link i {
    font-size: 1rem;
    margin-right: 10px;
}

#more-link {
    text-align: center;
}

#more-link a {
    color: #1a171b;
    font-size: 16px;
    font-size: 1rem;
    font-family: LatoBold, Verdana, sans-serif;
}

#more-link a::after {
    display: block;
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 20px;
}

/* #productfinder-basketlink {float:none; overflow:hidden; max-width:1200px; margin:0 auto; padding-top:25px; border-top: dashed 1px #706c69;} */
#productfinder-basketlink {
    float: none;
    overflow: hidden;
    max-width: 1200px;
    margin-left: auto;
}

#productfinder-basketlink a {
    text-align: center;
    display: block;
    padding: 12px;
    height: auto;
}

#productfinder-basketlink.change {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 999;
}

#productfinder-basketlink.change a {
    border-radius: 0;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}


/* product slider */
.product-single div.product-slider {
    padding: 70px 0 90px;
}

.product-single div.product-slider:nth-child(odd) {
    padding: 0 0 90px 0;
    margin-bottom: 0;
}

.product-single div.product-slider .security-advices {
    margin-bottom: 0 !important;
}

div.product-slider .head {
    margin: 0 auto 40px;
    max-width: 1200px;
    color: #20993f;
    font-size: 38px;
    font-size: 2.375rem;
    text-align: center;
    line-height: 1.2;
    font-family: 'LatoSemiBold', Verdana, sans-serif;
}

div.products {
    padding-top: 50px;
    margin-top: 50px;
    border-top: dashed 1px #706c69;
}

div.product-slider .product-name {
    min-height: 85px;
}


div.tx-ffndfcontentslider-pi div.tx-ffndfcontentslider-pi-bg {
    padding: 0;
    margin-top: 0;
    min-height: auto;
}

div.productlist div.product-name {
    max-width: 238px;
}

div.tx-ffndfproductcatalogue-pi2 div.frame-products div.product-extralogo {
    top: 70px;
}

div.tx-ffndfproductcatalogue-pi2 .product-link a {
    display: block;
    margin: 0 auto;
}

div.tx-ffndfproductcatalogue-pi2 .product-link a:hover {
    background-color: #005c23;
}

div.tx-ffndfcontentslider-pi div.frame-products .slick-prev, div.tx-ffndfcontentslider-pi div.frame-products .slick-next {
    top: 50%;
}

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 .security-advices {
    margin-top: 80px !important;
}

#global-security-advices {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 100px !important;
}

/* CEs for catalogue */
div#main div#contentmain table.contenttable {
    margin-top: 15px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    overflow: hidden;
}

div#main div#contentmain table.contenttable th {
    border: dotted 1px #fff;
    padding: 10px;
    background-color: #edf4f4;
    color: #20993f;
    font-size: 1.125rem;
}

div#main div#contentmain table.contenttable td {
    border: dotted 1px #edf4f4;
    padding: 10px;
    line-height: 1.5;
    font-size: 1.125rem;
}

@media only screen
and (max-width: 1500px) {

}

@media only screen
and (max-width: 1280px) {

    #productfinder-basketlink {
        margin: 0 3%;
    }

    div.tx-ffndfproductcatalogue-pi2 .section-inner {
        padding: 0 3%;
    }

    div.tx-ffndfproductcatalogue-pi2 .section-inner.productlist {
        padding: 0 0 40px 0;
    }

    div.tx-ffndfproductcatalogue-pi2 .toggle-box.section-inner,
    div.tx-ffndfproductcatalogue-pi2 .details-downloads .tx-ffndfmedia-controller .section-inner,
    div.tx-ffndfproductcatalogue-pi2 .details-description .cols-2-inner.section-inner,
    div.tx-ffndfproductcatalogue-pi2 .details-application .cols-2-inner.section-inner,
    div.tx-ffndfproductcatalogue-pi2 .whoweare .cols-2-inner.section-inner,
    div.tx-ffndfproductcatalogue-pi2 .section-inner.fertilizer-calculator,
    div.tx-ffndfproductcatalogue-pi2 .productfinder-wrap .section-inner.security-advices {
        padding: 0;
    }


    /* single view */
    .details-inner-left {
        width: 100%;
    }

    .details-inner-right {
        width: 100%;
        margin-left: 0;
    }

    .gallery-small {
        max-width: 250px;
    }

    .gallery-big {
        max-width: 380px;
        margin: -40px auto 0;
    }

    .gallery-big .slide.big a img {
        margin-top: 0;
        max-width: 100%;
        height: auto;
    }

    .details-inner-right .shop-links {
        max-width: 230px;
    }

    .details-inner-right .shop-links > div {
        text-align: center;
    }

    .product-slider .head,
    div#main div#contentmain .details-additional h2.section-inner {
        padding: 0 3%;
    }
}


@media only screen
and (max-width: 1024px) {
    div.tx-ffndfproductcatalogue-pi2 div.tx-ffndfcontentslider-pi div.frame-products div.product-extralogo img {
        width: 75%;
        height: auto;
    }

    .result-list {
        width: 70%;
    }

    .video .video-embed {
        position: static;
        padding-bottom: 0;
        height: auto;
    }

    div.productlist div.product {
        width: 50%;
    }

    div.productlist div.product:nth-child(3n) {
        border-right: 1px dotted rgba(110, 105, 86, 1);;
    }

    div.productlist div.product:nth-child(2n) {
        border-right: none;
    }
}

@media only screen
and (max-width: 900px) {
    div#main div#contentmain div.section-header h1 {
        display: block;
        width: 100%;
    }

    div.section-header > div.searchform {
        width: 100%;
    }

    div.section-header div.searchform div.searchform {
        padding-top: 0;
    }

    .productfinder-wrap {
        margin: 15px auto 0 !important;
        padding-bottom: 50px;
    }

    .productfinder {
        width: 100%;
        max-width: none;
    }

    .productfinder.fixed {
        position: static !important;
        top: auto;
    }

    div.filterbar {
        padding-bottom: 30px;
    }

    div.filterbar .filter {
        margin-bottom: 0;
    }

    /*div.filterbar .filter.expanded .options {display:none !important;}*/
    /*div.filterbar .filter .options {*/
    /*    display: block !important;*/
    /*}*/
    div.filterbar .title {
        font-size: 1rem;
    }

    div.filterbar .options {
        padding: 20px 0 0;
    }

    div.filterbar .options .option label {
        font-size: 1rem;
    }

    div.filterbar .options .option {
        margin-bottom: 15px;
    }

    div.filterbar .options .option:last-child {
        margin-bottom: 0;
    }

    div.filterbar .filter {
        padding: 10px 18px;
        border: 1px dotted rgba(110, 105, 86, 1);
        border-radius: 12px;
    }

    div.filterbar .options {
    }

    .result-list {
        width: 100%;
        margin-left: 0;
    }

    div.filterbar .reset {
        font-size: 1rem;
        border-radius: 12px;
    }

    div.productlist div.product {
        width: 33.3333333%;
    }

    div.productlist div.product:nth-child(2n) {
        border-right: 1px dotted rgba(110, 105, 86, 1);
    }

    div.productlist div.product:nth-child(4n) {
        border-right: 1px dotted rgba(110, 105, 86, 1);
    }

    div.productlist div.product:nth-child(3n) {
        border-right: none;
    }

    div.productlist div.product div.product-name {
        font-size: 1.125rem;
    }

    .details-left {
        width: 100%;
        margin-bottom: 25px;
    }

    .gallery-small {
        margin-top: 5px;
    }

    .details-right {
        width: 100%;
        margin-left: 0;
    }

    .title:not(.filter .title),
    .title .title,
    .nameaffix {
        display: none;
    }

    .title-mobile,
    .title-mobile .title,
    .basket .title,
    .nameaffix-mobile {
        display: block !important;
    }

    .details-inner-right {
        display: flex;
        flex-wrap: wrap;
    }

    .details-inner-right .packaging {
        width: 100%;
        margin-top: 20px;
    }

    .details-inner-right .shop-links {
        width: 100%;
        margin: auto;
    }

    div.registerno {
        margin-top: 0;
    }

    .application-period {
        display: flex;
        flex-wrap: wrap;
    }

    .application-period h4 {
        width: 100%;
    }

    .application-period span {
        margin-bottom: 5px;
    }

    .application-period .bold {
        width: 100%;
    }

    /* included content */
    #fertilizer-calculator {
        max-width: 300px;
    }

    input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before,
    input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before {
        top: 2px;
        margin-right: 8px;
    }
}


@media only screen
and (max-width: 768px) {
    div#main div#contentmain div.section-header h1 {
        width: 100%;
    }

    div.section-header > div.searchform {
        width: 100%;
    }

    div.section-header div.searchform div.searchform {
        padding-top: 0;
    }

    div#main div.cols-2-inner div.col {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    div#main div.cols-2-inner div.cols-2-inner-right {
        margin-left: 0;
    }

    .productfinder .result-header {
        float: none;
    }

    .product-single > div {
        margin-bottom: 35px;
    }

    div#main div#contentmain .details-main.section-inner {
        margin-top: 0;
    }

    div#main div#contentmain .details-main h1 {
        font-size: 3rem;
        line-height: 1;
    }

    div.nameaffix {
        font-size: 20px;
        font-size: 1.25rem;
    }

    div#main div#contentmain .product-single {
        padding-top: 35px;
    }

    div#main div#contentmain .product-single li,
    div#main div#contentmain .product-single p,
    div#main div#contentmain div.description li,
    div#main div#contentmain div.utilization li,
    div.introduction,
    div.description, div.utilization, div.wtime, div.packaging, div.dsymbol, div.introduction, div.application-period, div.storage {
    }

    .product-single .security-advices {
        margin: 10px auto 0 !important;
    }

    .product-single .details-main .security-advices {
        margin-top: 25px !important;
    }

    .details-additional {
        padding: 40px 0;
        margin-top: 40px;
    }

    .packaging {
        max-width: none;
        width: 100%;
    }

    .packaging .label {
        font-size: 1rem;
    }

    .packaging .items span {
        font-size: 1rem;
    }

    .packaging .items span::before {
        top: 8px;
    }

    div#main div#contentmain .details-additional h2.section-inner {
        font-size: 24px;
        font-size: 1.6rem;
    }

    div#main div#contentmain .tabs .frame h4 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    div#main div#contentmain .tabs .frame h3 {
        margin-top: 10px;
    }

    .tab-menu {
        margin-top: 35px;
    }

    div#main div#contentmain .tab-menu li {
        margin-right: 8px;
        font-size: 16px;
        font-size: 1rem;
    }


    /* faq */
    .relatedfaqs .question {
        padding: 8px 15px 8px 40px;
        font-size: 16px;
        font-size: 1rem;
    }

    .relatedfaqs .question::before {
        left: 10px;
        margin: 0 10px 0 0;
        min-width: 20px;
        max-width: 20px;
        height: 20px;
        line-height: 1.4;
        font-size: 0.9rem;
    }

    /* included content */
    #fertilizer-calculator {
        margin-top: 10px;
        margin-bottom: 20px;
        width: 100%;
        margin-left: 0;
        max-width: none;
    }

    /* product slider */
    div.product-slider {
        padding: 40px 0 0;
    }

    div.product-slider .head {
        font-size: 28px;
        font-size: 1.75rem;
    }

    div.tx-ffndfcontentslider-pi div.frame-products div.product-name {
        font-size: 20px;
        font-size: 1.25rem;
    }

    /* why neudorff */
    div#main div.whyndf div.col.cols-2-inner-left {
        display: block;
    }

    div#main div.whyndf div.col.cols-2-inner-left h2,
    div#main div.whyndf div.col.cols-2-inner-left p {
    }

    div#main div.whyndf div.col.cols-2-inner-right {
        max-width: 360px;
        margin: auto;
    }

    div#main div.whyndf .icon-sustainability,
    div#main div.whyndf .icon-quality-standard,
    div#main div.whyndf .icon-flower-2 {
    }

    div.basketlink a {
        text-align: center;
        max-width: 230px;
        margin: auto;
    }

    div#mediacontents div.terms-of-use {
        float: none;
    }

    div.basketlink {
        float: none;
        margin-top: 15px;
    }
}


@media only screen and (max-width: 640px) {
    div.mediacontent-items {
        padding: 4% 0 0;
    }

    div.productlist div.product {
        width: 50%;
    }

    div.productlist div.product:nth-child(3n) {
        border-right: 1px dotted rgba(110, 105, 86, 1);;
    }

    div.productlist div.product:nth-child(2n) {
        border-right: none;
    }

    div.productlist div.product div.product-name {
        font-size: 18px;
        font-size: 1.125rem;
    }

    div.product-link {
        margin-top: 10px;
    }

    .packaging .label {
        width: 100%;
        border-right: none;
        margin-bottom: 15px;
    }

    .packaging .items {
        width: 100%;
        padding-top: 0;
    }


    .mobile-dropdown {
        display: block;
        width: 100%;
        padding: 10px 14px;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
    }

    .mobile-dropdown.act::after {
        content: "\f106";
    }

    .tab-menu {
        position: relative;
        margin-top: 20px;
        border-bottom: 0;
    }

    .tab-menu ul {
        display: none;
        position: absolute;
        width: 100%;
        z-index: 999;
    }

    .tab-menu .mobile-open {
        display: block;
    }

    .tab-menu ul li {
        width: 100%;
    }

    div#main div#contentmain .tab-menu li {
        padding: 12px 14px;
        background-color: #fff;
        border-radius: 0;
    }

    div#main div#contentmain .tab-menu li.cur {
    }

    div#main div#contentmain .tab-menu .mobile-dropdown li.cur {
        padding: 0;
        background: none;
        color: #fff;
    }

}

@media only screen and (max-width: 560px) {
    div.productlist div.product {
        width: 50%;
    }

    div.productlist div.product:nth-child(4n),
    div.productlist div.product:nth-child(3n) {
        border-right: 1px dashed #706c69;
    }

    div.productlist div.product:nth-child(2n) {
        border-right: none;
    }

}

@media only screen and (max-width: 480px) {
    div#main div#contentmain div.backlink {
        margin-top: 8%;
    }

    div.mediaitem .mm-title::before {
        margin-top: 1px;
    }

    div#mediacontents div.terms-of-use label {
        font-size: 16px;
        font-size: 1rem;
    }

    div#main div#contentmain .details-main h1 {
        margin-bottom: 10px;
        font-size: 2.5rem;
        line-height: 1.1;
    }

    div.nameaffix {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .gallery-big {
        margin-top: 0;
        max-width: 300px;
    }

    .gallery-big .slide.big {
        min-height: 358px;
    }

    .details-inner-right .shop-links {
        max-width: none;
        width: 100%;
    }

    div.application-period .month {
        font-size: 14px;
        font-size: 0.875rem;
    }

    div.basketlink a {
        max-width: none;
        width: 100%;
    }
}

@media only screen and (max-width: 380px) {
    .gallery-big {
        margin-top: -20px;
        max-width: 280px;
    }

    .gallery-big .slide.big {
        min-height: 335px;
    }
}

@media only screen and (max-width: 360px) {
    div.productlist div.product {
        width: 100%;
        border-right: none;
    }

    div.productlist div.product:nth-child(4n),
    div.productlist div.product:nth-child(3n),
    div.productlist div.product:nth-child(2n) {
        border-right: none;
    }
}

@media only screen and (max-width: 340px) {
    div.product-image {
        width: 855;
    }

    div.filterbar .title {
        font-size: 16px;
        font-size: 1rem;
    }
}