<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 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 &gt; header h2,
.frame-default &gt; 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 &gt; 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 &gt; 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 &gt; 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(../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 &gt; 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 &gt; span,
#sidr-main .topnavsub-2 &gt; 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 &gt; li,
#sidr-main .gardentopics .topnavsub-2 &gt; li,
#sidr-main .productsmenu-2 &gt; .topnavsub &gt; li,
#sidr-main .productsmenu-3 &gt; .topnavsub &gt; li {
    width: 100%;
}

#sidr-main .topnavsub-2 &gt; span,
#sidr-main .topnavsub-2 &gt; li span {
    border-bottom: none;
}

#sidr-main .downloads .topnavsub-2 &gt; li,
#sidr-main .gardentopics .topnavsub-2 &gt; li,
#sidr-main .productsmenu-2 &gt; .topnavsub &gt; li,
#sidr-main .productsmenu-3 &gt; .topnavsub &gt; 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 &gt; span,
#sidr-main .topnavsub-2 &gt; 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 &gt; span {
    display: none;
}

#sidr-main .show-more {
    display: none !important;
}

#sidr-main .advicehelp .topnavsub-2 &gt; li.last,
#sidr-main .advicehelp .topnavsub-2 &gt; li.first {
    width: 100%;
}

#sidr-main .advicehelp .topnavsub-3 li,
#sidr-main .advicehelp .topnavsub-2 &gt; li span {
    margin-bottom: 0;
}

#sidr-main .advicehelp .topnavsub-2 &gt; li span.titlewrap {
    width: auto;
}

#sidr-main .advicehelp .topnavsub-3 li {
    height: auto;
}

#sidr-main .summary {
    display: none;
}

.sidr-inner &gt; .col {
    display: flex;
    margin-bottom: 20px;
    padding: 0 15px;
}

.sidr-inner &gt; .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 &gt; 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(../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 &gt; ul {
    text-align: right;
}

nav#topnav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav#topnav ul li {
    display: inline-block;
    background: url(../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 &gt; 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 &gt; ul &gt; li &gt; a[href*=neudorff-rasencheck],
nav#topnav &gt; ul &gt; li &gt; a[href*=neudorff-aktion],
nav#topnav &gt; ul &gt; li &gt; a[href*=neudorff-promotion] {
    color: #20993f;
}

/* nav#topnav ul li.green &gt; a {color:#20993f; font-family:LatoSemiBold, sans-serif;} */
nav#topnav ul li.act &gt; a {
    color: #908400;
    background-color: #e5e2c1;
}

nav#topnav ul li.cur &gt; 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 &gt; 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 &gt; ul {
    margin: 0;
    text-align: right;
    padding: 0;
}

nav#topnav-2 &gt; ul &gt; li {
    display: inline-block;
    background: url(../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 &gt; ul &gt; li &gt; 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 &gt; ul &gt; li &gt; a[href*=neudorff-rasencheck],
nav#topnav-2 &gt; ul &gt; li &gt; a[href*=neudorff-aktion],
nav#topnav-2 &gt; ul &gt; li &gt; a[href*=neudorff-promotion] {
    color: #20993f;
}

nav#topnav-2 ul li.act &gt; a {
    color: #908400;
    background-color: #e5e2c1;
}

nav#topnav-2 ul li.cur &gt; a {
    color: #908400;
    background-color: #e5e2c1;
}

nav#topnav-2 &gt; ul &gt; li:hover &gt; a,
nav#topnav-2 &gt; ul &gt; li &gt; 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 &gt; span,
.topnavsub-2 &gt; li {
    font-size: 1.5rem;
    font-family: LatoSemiBold, Verdana, sans-serif;
    text-transform: uppercase;
}

.topnavsub-2 &gt; span,
.topnavsub-2 &gt; 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 &gt; .topnavsub {
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    max-height: 850px;
    gap: 4%;
}

.productsmenu-2 &gt; .topnavsub &gt; li {
    width: 48%;
    margin: 0 0 20px;
}

.productsmenu-2 &gt; .topnavsub &gt; li:nth-last-child(2),
.productsmenu-2 &gt; .topnavsub &gt; 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 &gt; .topnavsub {
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 850px;
    gap: 5%;
}

.productsmenu-3 &gt; .topnavsub &gt; li {
    width: 30%;
    margin: 0;
    line-height: 1;
}

.productsmenu-3 &gt; .topnavsub &gt; li:nth-last-child(2),
.productsmenu-3 &gt; .topnavsub &gt; 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 &gt; span {
    display: block;
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 25px;
}

.gardentopics .topnavsub-2 &gt; 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 &gt; li span {
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.advicehelp .topnavsub-2 &gt; li.first {
    width: 30%;
}

.advicehelp .topnavsub-2 &gt; 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 &gt; li.last ul li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.advicehelp .topnavsub-2 &gt; li span.titlewrap {
    width: 70%;
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}

.advicehelp .topnavsub-2 &gt; 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 &gt; li {
    width: 32%;
    margin-bottom: 25px;
}

.downloads .topnavsub-2 &gt; li a {
    display: block;
    font-size: 1.25rem;
}

.downloads .topnavsub-2 &gt; 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 &gt; a {
    border: solid 10px #20993f;
}

div.list-round-images .ce-gallery figure &gt; 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 &gt; .section-inner,
div#main div#contentmain div.our-service &gt; .section-inner,
div#main div#contentmain div.darkerbg &gt; .section-inner,
div#main div#contentmain div.more-articles &gt; .section-inner,
div#main div#contentmain div.specialcontent &gt; .section-inner,
div#main div#contentmain div.teaserbox-home &gt; .section-inner,
div#main div#contentmain div.frame-custom-21 &gt; .section-inner,
div#main div#contentmain div.expert-advice &gt; .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(../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 &gt; 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 &gt; div {
    width: 49%;
}

.video-container .cols-3-inner &gt; div {
    width: 32%;
}

.video-container .cols-4-inner &gt; div {
    width: 23.5%;
}

.video-container .cols-inner .ce-bodytext a {
    font-size: 22px;
    font-size: 1.375rem;
}

.video-container &gt; 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 &gt; div,
    .video-container .cols-3-inner &gt; div,
    .video-container .cols-4-inner &gt; div {
        width: 49%;
        margin-bottom: 20px;
    }

    .video-container .cols-3-inner &gt; 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 &gt; div,
    .video-container .cols-3-inner &gt; div,
    .video-container .cols-4-inner &gt; 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 &gt; label {
    display: none;
}

div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_textarea textarea {
    padding: 15px 18px;
    min-height: 240px;
    resize: none;
}

div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_file input {
    padding: 0;
}

div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_file input:hover {
    box-shadow: none !important;
}

div#main div.tx-powermail fieldset div label {
    /*display: block;*/
    /*margin-bottom: 5px;*/
    /*font-size: 16px;*/
    /*font-size: 1rem;*/
    /*font-family: LatoBold, Verdana, sans-serif;*/
}

div#main div.tx-powermail fieldset 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(../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(../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(../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(../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 &gt; .indented-inner,
.tx-ffndfgardenlexicon &gt; .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 &gt; a,
div#main div#contentmain.indented div.more-articles .ce-bodytext p:first-child &gt; 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 &gt; header h2,
footer .frame-default &gt; 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 &gt; div,
#row2 .col:first-child &gt; 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 &gt; * {
    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 &gt; li.last,
    .advicehelp .topnavsub-2 &gt; li.first {
        margin-bottom: 0;
    }

    .gardentopics .topnavsub-2 &gt; span,
    .productsmenu-2 .cat-title,
    .advicehelp .topnavsub-2 &gt; li span {
        font-size: 1.25rem;
    }

    .gardentopics .topnavsub-2 a,
    .productsmenu-2 .topnavsub-3 a,
    .advicehelp .topnavsub-2 &gt; 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 &gt; 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 &gt; .section-inner,
    div#main div#contentmain div.our-service &gt; .section-inner,
    div#main div#contentmain div.darkerbg &gt; .section-inner,
    div#main div#contentmain div.more-articles &gt; .section-inner,
    div#main div#contentmain div.specialcontent &gt; .section-inner,
    div#main div#contentmain div.teaserbox-home &gt; .section-inner,
    div#main div#contentmain div.frame-custom-21 &gt; .section-inner,
    div#main div#contentmain div.expert-advice &gt; .section-inner,
    div#main div#contentmain &gt; .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 &gt; 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 &gt; header h2,
    .frame-default &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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;
}
</pre></body></html>