/* Webfonts in use: LatoRegular, LatoLight, LatoSemiBold; LatoBold, SegoePrint-Bold, FontAwesome" */
/* FontAwesome:
   Brands: :"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;
*/


/* General */
* {box-sizing:border-box; outline:0;}
*::selection {background: #009036; color: #ffffff;}
*::-moz-selection {background: #009036; color: #ffffff;}
html {height:100.2%; font-size:100%;}
body {margin:0;}
img {border:none;}
div, p, li, th, td, dt, dd {font-size:22px; font-size:1.375rem; font-family:LatoLight, Verdana, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
a {color:#009036; text-decoration:none; font-family:LatoRegular, Verdana, sans-serif;}
th, td {vertical-align:top;}
hr {}
input, textarea, select {font-size:16px; font-size:1rem; border:none !important; font-family:LatoRegular, Verdana, sans-serif;}
figure {margin:0;}
.teaserbox {width: 368px; background-color: #fff; border-radius: 12px; box-shadow: 10px 6px 12px 0 rgba(0, 0, 0, 0.4); cursor:pointer;
  transition: background 0.2s linear 0s;}
.teaserbox:hover {background-color:#009036; color:#fff;}
.teaserbox a {padding: 13px 20px 20px;}
.teaserbox:hover a {color:#fff;}
.readmore::before {display:block; position:relative; height:109px; background:url(../img/shortertext-bg.png) repeat-x; content: "";}
.darkerbg .readmore::before {background:url(../img/shortertext-bg2.png) repeat-x;}
.contentopen + .readmore::before {display:none;}
.contentopen + .readmore {margin-top:0;}
.readmore {margin-top:-139px; padding-top:15px; 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:15px !important; height:550px;}
.round-images .ce-textpic img,
.round-images .ce-image img {border: solid 10px rgba(255, 255, 255, 0.6) !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:#00963f}
input::-ms-clear {display: none;}
span.GruenerBG {display:block; margin:10px 0; padding:10px; background-color:#009640; 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%;}

/* fluid content */
.ce-uploads img {padding-right:10px;}

/* 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:#019037; 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:"\f086"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
.button.btn-shop::before,
.btn-shop::before {display:inline-block; margin-right:8px; content:"\f07a"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
.btn-contact:hover,
.btn-shop:hover,
.gruenerButton:hover,
.GrünerButton:hover,
.link-internal-button:hover {background-color: #11a248;}

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

/* button online shop global */
.onlineshop-link {display:inline-block; text-align:center !important; width:auto !important; padding-left:18px; text-align:left; margin-top:5px;
background-color:#f06b00 !important; height:44px !important; margin-bottom:4px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}
.onlineshop-link::before {display:none;}
.onlineshop-link > a {}
.onlineshop-link > a::before {margin-right:10px; content: "\f07a"; font-size:16px; font-size:1rem; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
.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;}
.onlineshop-link button::before {margin-right:8px; content: "\f07a"; background-color: transparent; color: #fff; font-size:16px; font-size:1rem; font-family: 'Font Awesome 5 Pro';  font-style:normal; font-weight:900;}

/* security advices */
.securityadvices,
.security-advices,
#global-security-advices {margin-top:75px !important; margin-bottom:100px !important;}
#global-security-advices:empty {display:none;}
.securityadvices .comment,
.security-advices .comment,
#global-security-advices .comment {display:block; margin-bottom:15px;}
.tx-ffndfcontentslider-pi .security-advices {margin:50px auto; max-width:1200px !important;}

/* overall */
body > header {padding:0; background:url(../img/gradient_head.png) repeat-x;}
footer {clear:both; overflow:hidden; background:url(../img/footer-bg-spring.jpg) no-repeat center center; background-size:cover; min-height:723px;}
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:45%;}
div#contenthead {padding:0; width:100%; height:auto; margin:0 auto;}
div#contentmain {overflow:hidden; width:100%; height:auto; background:url(../img/pergament-bg.jpg) repeat; background-position:top center;}
div#main {clear:both;}
div#footerbox {overflow:hidden; max-width:1200px; height:auto; padding:70px 0 15px 0; margin:0 auto;}

/* cookie notification box */
div#cookiehint {position:fixed; bottom:20px; left:20px; width:30rem; padding:50px; background-color:rgba(0,144,54,0.95); color:#fff; font-size:24px; font-size:1.7rem; line-height:2.6rem; 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:#009640;}
input:focus + .slider {box-shadow:0 0 1px #009640;}
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; width:208px; height:126px; z-index:1000;}
div#topbox a#homelink img {width:100%; height:auto;
-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;
border: 0px solid #000000;}
#mobile-header {display:none; width:100px; position:absolute; right:3%; top:35%;}
#mobile-header a {display:inline-block; width:44px; height:44px; padding:1%; color:#232323;  border:solid 1px #232323; text-align:center;}
#mobile-header a:first-child {margin-right:5%;}
#mobile-header a i {font-size:28px; font-size:1.75rem; line-height:40px;}
#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:3%;}
/* 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 a#homelink {float: left; display: block; width: 107px; height: 72px; margin-left:5%;}
#sidr-main a#homelink img {width:100%; height:auto;
-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;
}
#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 .navlvl li {border-top:1px solid #dddabf;}
#sidr-main .navlvl li.open,
#sidr-main .navlvl li.act {background-color:#009640;}
#sidr-main .navlvl li.open a,
#sidr-main .navlvl li.act a {color:#fff;}
#sidr-main .navlvl li.open .plus::after,
#sidr-main .navlvl li.act .plus::after {color:#fff;}
#sidr-main .navlvl li:last-child {border-bottom:1px solid #dddabf;}
#sidr-main .navlvl 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:"\f067"; display:block; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; color:#666666;}
#sidr-main .minus::after {content:"\f068"; display:block; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; color:#fff;}
#sidr-main .navlvl li.open ul .plus::after,
#sidr-main .navlvl li.act ul .plus::after {color:#666666;}
#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:#666666 !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;}

/* 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:#009036; font-size:42px; font-size:2.625rem; line-height:46px; font-family:SegoePrint-Bold, Verdana, sans-serif;}
div.tx-ff-owl-slider .slider-caption p {margin:15px 0 4px 0; line-height:24px; font-family: LatoRegular,Verdana,sans-serif;}
div.tx-ff-owl-slider .slider-caption a {display: inline-block; background-color: #009036; 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;
-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;
-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:#009036;}

.owl-prev {left:3%;}
.owl-next {right:3%;}
.owl-prev::before {color: #fff; content: "\f053" !important; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
.owl-next::before {color: #fff; content: "\f054" !important; font-family:"Font Awesome 5 Pro"; 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:15px;}
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.last {border:none; position:relative;}
nav#metanav ul li.last i {padding:0 12px;}
nav#metanav ul li.last a {padding:0 12px 0 0;} */
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;}
 /* languagemenu */
 .languagenav,
div.tx-srlanguagemenu {margin-top:13px; 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 {padding: 0 12px; display:block; text-decoration: none; cursor:pointer;  border-right:1px solid #e5db56;}
span#current_country img {position:relative; top:2px; border:solid 1px #e5db56;}
span#current_country i {padding:4px 0 0 10px; vertical-align:top; font-size:16px; font-size:1rem; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
span#current_country:hover {background:none;}
div#countrywrap {position:relative;  margin-right:12px; margin-top:15px;}
#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; font-size:18px; font-size:1.125rem; line-height:35px; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}


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

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

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



/* content */
  /* contenthead */
div#main div#contenthead .ce-gallery {margin-bottom:0;}
div#main div#contenthead div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {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:"";}
/* rating */
div#specialbar div.tx-ffndfrating-pi1 {width:auto;}
div.tx-ffndfrating-pi1 div.rating-widget {float:right; height:50px; padding-right:20px; margin-right:20px; border-right:1px dashed #c3bdb6;}
div.tx-ffndfrating-pi1 div.caption {margin-bottom:6px; font-size:14px; font-size:0.875rem; font-family:LatoRegular, Verdana, sans-serif;}
div.tx-ffndfrating-pi1 .norating a {font-size:14px; font-size:0.875rem;}
div.tx-ffndfrating-pi1 .br-theme-fontawesome-stars .br-widget a:after {color:rgba(50, 50, 50, 0.3); font-size:30px; font-size:1.875rem;}
div.tx-ffndfrating-pi1 .br-theme-fontawesome-stars .br-widget a.br-selected:after {color:#323232;}

div.tx-ffndfrating-pi1 div.like-submit {float:right; position:relative; height:50px; padding-right:20px; border-right:1px dashed #c3bdb6; cursor:pointer;}
div.tx-ffndfrating-pi1 div.like-submit::after {display:block; content:"\f004"; font-family:FontAwesome; font-size:28px; font-size:1.75rem;}
div.tx-ffndfrating-pi1 div.like-submit span:hover,
div.tx-ffndfrating-pi1 div.like-submit:hover::after {color:#019037;}

div.tx-ffndfrating-pi1 span.like-count {display:block; position:absolute; top:30px; right:18px; width:18px; height:18px; padding-top:1px; border:solid 1px #323232; border-radius:100%; background-color:#fff; font-size:11px; font-size:0.6875rem; line-height:0.9375rem; line-height:15px; font-family:LatoBold, Verdana, sans-serif; text-align:center;}
div.tx-ffndfrating-pi1 span.over100 {width:25px; right:12px;}
/* raiting list */
div.tx-ffndfrating-pi1 {width:100%;}
div.tx-ffndfrating-pi1 div.head {margin-bottom:30px; font-size:30px; font-size:1.875rem; font-family: LatoRegular,Verdana,sans-serif;}
div.tx-ffndfrating-pi1 .button {width:220px; margin-bottom:20px;}
div.tx-ffndfrating-pi1 div.rating {padding:20px 0; border-top:1px solid #c1bebb;}
div.tx-ffndfrating-pi1 div.rating-list .br-theme-fontawesome-stars .br-widget a.br-selected:after {color:#009036;}
div.tx-ffndfrating-pi1 div.rating-list .br-theme-fontawesome-stars .br-widget a:after {color:rgba(0, 144, 53, 0.35);}
div.rating-comment, div.rating-author {font-size:19px; font-size:1.1875rem; line-height:22px; font-family: LatoRegular,Verdana,sans-serif;}
div.rating-comment {padding:20px 0;}
div.rating-author .author-name {margin-right:10px; color:#009036;}
div.tx-ffndfrating-pi1 .more-link {margin-top:20px; text-align:right;}
div.tx-ffndfrating-pi1 .more-link a {font-size:20px; font-size:1.25rem; text-decoration:underline;}
/* rating popup */
div#tx-ffndfrating-pi1-rating-form-container {overflow:hidden;max-width:1200px; padding:80px;}
div#tx-ffndfrating-pi1-rating-form-container div.head {color:#323232; font-size:74px; font-size:4.625rem; font-family:SegoePrint-Bold, Verdana, sans-serif;}
div#tx-ffndfrating-pi1-rating-form-container div.subhead {margin:10px 0 30px; font-size:30px; font-size:1.875rem; color:#009640; font-family:LatoSemiBold, Verdana, sans-serif;}
div#tx-ffndfrating-pi1-rating-form-container form {margin-top:20px;}
div#tx-ffndfrating-pi1-rating-form-container .wrap-first-name {float:left; width:49%; margin-right:2%;}
div#tx-ffndfrating-pi1-rating-form-container .wrap-last-name {float:left;  width:49%;}
div#tx-ffndfrating-pi1-rating-form-container .wrap-email {clear:both; overflow:hidden;}

div#tx-ffndfrating-pi1-rating-form-container textarea,
div#tx-ffndfrating-pi1-rating-form-container input {background-color:#e9e9e8; padding:0 18px; height:40px;}
div#tx-ffndfrating-pi1-rating-form-container textarea {width:100%; height:230px; padding-top:18px; padding-bottom:18px;}
input#tx-ffndfrating-pi1-rating-form-first-name,
input#tx-ffndfrating-pi1-rating-form-last-name {width:100%;}
div#tx-ffndfrating-pi1-rating-form-container input#tx-ffndfrating-pi1-rating-form-email {width:100%;}
div#tx-ffndfrating-pi1-rating-form-container label {margin:20px 0 10px; font-size:17px; font-size:1.0625rem; font-family:LatoBold, Verdana, sans-serif;}
div#tx-ffndfrating-pi1-rating-form-container div.br-wrapper {margin-bottom:35px;}
div#tx-ffndfrating-pi1-rating-form-container .br-theme-fontawesome-stars .br-widget a::after {font-size:45px; font-size:2.8125rem;}
div#tx-ffndfrating-pi1-rating-form-container .br-theme-fontawesome-stars .br-widget a.br-selected:after {color:#009036; font-size:45px; font-size:2.8125rem;}
div#tx-ffndfrating-pi1-rating-form-container .br-theme-fontawesome-stars .br-widget a.br-active:after {color:#009036;}
div#tx-ffndfrating-pi1-rating-form-container .br-theme-fontawesome-stars .br-widget a::after {color:rgba(0, 144, 53, 0.35);}
div#tx-ffndfrating-pi1-rating-form-container .br-theme-fontawesome-stars .br-widget a:hover::after {color:#009036;}
div#tx-ffndfrating-pi1-rating-form-container div.required-field-hint {margin-top:15px; 0font-size:16px; font-size:1rem;}
div#tx-ffndfrating-pi1-rating-form-container input[value='Absenden'] {float:right; height:40px; color:#fff; border-radius:30px; padding:0 18px 0 45px; font-size:18px; font-size:1.125rem; line-height:22px; background:url(../img/submit-arrow.png) 25px center no-repeat #019037; 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#tx-ffndfrating-pi1-rating-form-container input[value='Absenden']:hover {background-color:#11a248;}
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;}

/* social bar */
div#socialbar {float:right; width:340px; margin-right:10px;}
div#socialbar div.triangle {display:none; position:absolute; left:30px; top:55px; width:0; height:0; -webkit-transform:rotate(360deg);
  border-style: solid; border-width: 0 12.5px 15px 12.5px; border-color: transparent transparent #ffffff transparent;
}
div#socialbar div.socialshare {float:right; position:relative; width:75px; border-right:1px dashed #c3bdb6; text-align:center;}
div#socialbar div.shariffwrapper {display:none; position:absolute; right:-100px; z-index:999; top:70px; width:270px; padding:20px 0 0 20px; background-color:#fff; text-align:left;}

div#main div#contentmain div#socialbar div.shariffwrapper h4 {margin:0 0 15px 0; font-size:18px; font-size:1.125rem;}
div#socialbar div.shariff {}
div#socialbar div.socialshare i {font-size:28px; font-size:1.75rem;}
div#socialbar div.socialshare i:hover {color:#019037; cursor:pointer;}
div#socialbar li.shariff-button {flex:0; width:110px; margin-right:10px;}
div#socialbar li.shariff-button a {width:110px; margin:0;}
div#socialbar .shariff-button.info {display:none;}
div#socialbar .shariff .orientation-horizontal li {flex:auto !important;}
  /* breadcrumb */
div#breadcrumb {font-size:13px; font-size:0.8125rem;}
div#breadcrumb a {font-size:13px; font-size:0.8125rem; color:#009640;}
  /* contentmain */
div#main div#contentmain h1,
div#main div#contentmain h2 {margin:40px 0; padding-top:15px; font-size:66px; font-size:4.125rem; line-height:70px; color:#323232; font-weight:normal; font-family:SegoePrint-Bold, Verdana, sans-serif; word-wrap:break-word; }
div#main div#contentmain h1 a,
div#main div#contentmain h2 a {font-family:SegoePrint-Bold, Verdana, sans-serif;}
div#main div#contentmain h3 {margin:50px 0 10px 0; padding: 0; font-size:28px; font-size:1.75rem; color: #009640; font-weight: normal; font-family: LatoSemiBold,Verdana,sans-serif;}
div#main div#contentmain h3.first {margin-top:0;}
div#main div#contentmain h4 {margin:50px 0 15px 0; font-size:22px; color:#323232; font-family: LatoSemiBold,Verdana,sans-serif;}
div#main div#contentmain h5 {margin:0 0 25px 0;}
div#main div#contentmain h6 {margin:0 0 6px 0; font-size:14px; font-size:0.875rem; font-weight:normal; font-family:LatoRegular, Verdana, sans-serif;}
div#main div#contentmain p {font-size:22px; margin:0 0 20px 0; font-size:1.375rem; line-height:26px; color:#000;}
div#main div#contentmain ul {margin:0 0 20px 0;}
div#main div#contentmain li {margin-bottom:5px; font-size:22px; font-size:1.375rem; line-height:26px; color:#000;}

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 ul.csc-uploads img {margin-right:0.5%;}

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:#019037; color:#fff;}
div.list-round-images .ce-gallery figure:hover > a {border:solid 10px #019037;}
div.list-round-images .ce-gallery figure > a {display: block; position: relative; margin-top: 10px; border-radius: 100%; border: solid 10px rgba(255, 255, 255, 0.55); 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%; background-color: rgba(255, 255, 255, 0.55); color: #000; font-size:1.25rem; line-height:31px;}

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

/* mediamodule */
div.tx-ffndfmedia-controller {}
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 {font-size:30px; font-size:1.875rem; color:#2b2926;}
div#main div#contentmain div.tx-ffndfmedia-controller .mediacontentstitle h3.basket-usage-title {margin-top:0; font-size:22px; font-size:1.375rem;}
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.tx-ffndfmedia-controller button {padding:0; margin:0;}
div.tx-ffndfmedia-controller i.fa-plus-circle {position:absolute; top:16px; right:6px; border-radius:100%; background-color:#cac1ba; border:solid 2px #cac1ba; 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 {margin:0 0 0 0; padding:8px; font-size:22px; font-size:1.375rem; background-color:rgba(255, 255, 255, 0.55);  font-weight: normal; font-family: LatoSemiBold,Verdana,sans-serif; cursor:pointer;}
div.mediaitem .mm-title::before {display:inline-block; margin:0 18px 0 15px; margin-top:3px; vertical-align:top; width:25px; height:25px; color:#fff; background-color:#b8b4b0; line-height:28px; content:"\f067"; text-align:center; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; font-size:1rem; line-height:1.7;}
div.mediaitem .mm-title:hover {background-color:#009640; color:#fff;}
div.mediaitem .mm-title:hover::before {background-color:#fff; color:#009640;}
div.mediaitem .act {background-color:#009640; color:#fff;}
div.mediaitem .act::before {content:"\f068"; background-color:#fff; color:#009640;}

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:#009640; 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:#009640;}
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.addtobasket {position:relative;}
div.addtobasket i.fa-folder {font-size:22px; font-size:1.375rem; line-height:38px;}
div.addtobasket i.fa-plus-circle {top:18px;}
div.addtobasket:hover button {color:#fff;}
div.addtobasket:hover i.fa-plus-circle {border:solid 2px #009640 !important;}
div.addtobasket i.fa-times {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:url(../img/submit-arrow.png) 25px center no-repeat #019037; 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.basketlink a:hover,
div.listalllink a:hover {background-color:#11a248;}

div#mediacontents div.terms-of-use {float:left; margin-top:50px;}
div#mediacontents div.terms-of-use label {font-size: 22px; font-size: 1.375rem;}
div.basketlink {float:right; margin-top:40px;}
div.basketlink a {width:auto; background:none; background-color:#019037;}
/* 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.mfp-content div.podcast {}
div.podcast button.mfp-close, button.mfp-arrow {color: #fff !important; width: 30px; height: 30px; line-height: 34px;}
div.video button.mfp-close, button.mfp-arrow {background-color:rgba(255, 255, 255, 0.5);}
.preview-lightbox button.mfp-close, button.mfp-arrow {color: #333;}


/* for all gridelements */
div#main div#contentmain > .section-inner,
div#main div#contentmain div.our-service > .section-inner,
div#main div#contentmain div.darkerbg > .section-inner,
div#main div#contentmain div.more-articles > .section-inner,
div#main div#contentmain div.specialcontent > .section-inner,
div#main div#contentmain div.teaserbox-home > .section-inner,
div#main div#contentmain div.frame-custom-21 > .section-inner {max-width:1200px; margin:0 auto;}
div#main div#contentmain div.section-inner  div.frame-default {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 {padding-top:120px; padding-bottom:120px; width:100%; height:auto; background:url(../img/pergament_dark_bg.jpg) center no-repeat; background-size:cover;}
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 h2 {margin:0 auto 35px; padding-top:0; font-size:72px; font-size:4.5rem; line-height:76px; color:#009036; text-align:center;}
div#main div#contentmain div.more-articles 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:#009036; font-size:21px; font-size:1.3125rem; line-height:23px;}
div#main div#contentmain div.more-articles a .green-highlight {color:#fff;}
div#main div#contentmain div.more-articles a {display:block; color:#fff; text-decoration:none;}
div#main div#contentmain div.more-articles div.cols-3-inner .cols-3-inner-middle {margin:0 48px;}
div#main div#contentmain div.more-articles 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;} */

/* our service section */
div#main div#contentmain div.our-service {padding-top:90px; padding-bottom:100px; min-height:820px; background:url(../img/servicestart-bg.jpg) 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:#009036; 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:110px 0 90px; padding:80px 0; background:url(../img/permanent-bg2.jpg) repeat;}
div#main div#contentmain div.darkerbg h2 {margin-top:0; padding-top:0;}

/* 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; color:#695539; text-align:center; line-height:70px; font-size:66px; font-size:4.125rem; font-weight:normal; font-family:SegoePrint-Bold, Verdana, sans-serif;}
div#main div#contentmain div.tx-ffndfcontentslider-pi h2.layout-2 {max-width:810px; margin:0 auto 30px; padding: 0; font-size: 28px; font-size: 1.75rem; line-height:32px; color: #009640; text-align:center; font-weight: normal; font-family: LatoSemiBold,Verdana,sans-serif;}
div.tx-ffndfcontentslider-pi h2 {color:#000; margin-top:0; padding-top:10px; 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;}
div.tx-ffndfcontentslider-pi div.section-inner ul li {color:#000; font-size:22px; font-size:1.375rem; margin-bottom:10px;}
.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:#009640; content:none !important; opacity:1 !important;
font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; font-size:52px;}
div.tx-ffndfcontentslider-pi .slick-prev::before { content:"\f053" !important;}
div.tx-ffndfcontentslider-pi .slick-next::before {content:"\f054" !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:#ffffff; 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:#009036 !important;}

/* slider without background */
div.sliderframe-raw div.tx-ffndfcontentslider-pi h3 {max-width:1200px; margin:10px auto; padding: 0; font-size: 28px; font-size: 1.75rem; color: #009640; text-align:left; font-weight: normal; font-family: LatoSemiBold,Verdana,sans-serif;}
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:#695539;}
div.tx-ffndfcontentslider-pi div.frame-products ul.slick-dots li.slick-active button {background-color:#695539 !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;}
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;}


/* slider with lightbg */
div.slider-lightbg {background:url(../img/permanent-bg2.jpg) repeat;}
div.slider-lightbg div.tx-ffndfcontentslider-pi div.tx-ffndfcontentslider-pi-bg {min-height:auto; padding:80px 0;}
div#main div#contentmain div.slider-lightbg h2.layout-1 {max-width:1000px;  color:#009036;}
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 {background:url(../img/permanent-bg3.jpg) repeat;}
div.slider-darkbg div.tx-ffndfcontentslider-pi div.tx-ffndfcontentslider-pi-bg {min-height:auto; padding:80px 0;}
div#main div#contentmain div.slider-darkbg h2.layout-1 {max-width:810px; margin-bottom:30px; color:#009036;}
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; margin-bottom:50px; font-size: 44px; font-size: 2.75rem; color:#009640;}
div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products div.product-name a {
  font-family:LatoSemiBold, Verdana, sans-serif; font-size:26px; background:none; color:#009036;}
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:#009036; font-size:52px;}
div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products ul.slick-dots li.slick-active button {background-color: #009036 !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 .ce-layout-1 .shopfinder-link {text-align: left; width: auto; display: inline-block; margin: 10px auto; margin-left: 15px;}
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#handmade-nav {margin-bottom:30px !important;}
div#main div#contentmain nav.menu {/* overflow:hidden; */ 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; padding:0; margin:0; list-style-type:none;}
div#main div#contentmain nav.menu ul li {margin-bottom:40px; margin-right:38px;}
div#main div#contentmain nav.menu ul li:nth-child(3n) {margin-right:0 !important;}
div#main div#contentmain nav.menu ul li a {display:block; text-decoration:none;
    -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:8px;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

/* 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 15px; font-size: 22px; font-size: 1.375rem; background-color:rgba(255, 255, 255, 0.55); color:#323232; font-weight: normal; font-family: LatoSemiBold,Verdana,sans-serif; cursor: pointer;}

div#main div#contentmain div.toggle-box h3:hover {color: #fff; background-color: #00963f;}
div#main div#contentmain div.toggle-box h3::before {display: inline-block; margin:0 8px 0 0; vertical-align: top;  width:25px; height:25px; color: #fff; background-color: #b8b4b0; line-height: 27px; content: "\f067"; text-align: center;
font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; font-size: 1rem; font-size:1.5;}
div#main div#contentmain div.toggle-box h3:hover::before {background-color: #fff; color:#009640;}
div#main div#contentmain div.toggle-box h3.act {background-color: #009640; color:#fff;}
div#main div#contentmain div.toggle-box h3.act::before {content: "\f068"; background-color: #fff; color: #009640;}

/* green bg */
div#main div#contentmain .frame-layout-1 {border-radius:30px; margin:50px auto 70px !important; box-shadow:0px 0px 12px 0 rgba(0, 0, 0, 0.4);
  padding:25px 30px 30px !important; background-color: #009036;}
div#main div#contentmain .frame-layout-1 h3,
div#main div#contentmain .frame-layout-1 h2,
div#main div#contentmain .frame-layout-1 h4,
div#main div#contentmain .frame-layout-1 p,
div#main div#contentmain .frame-layout-1 li {color:#fff;}
div#main div#contentmain .frame-layout-1 a {color:#fff; text-decoration: underline;}
div#main div#contentmain .frame-layout-1 h2 {margin-top:0; margin-bottom:20px; padding-top:0; font-size:50px; font-size:3.125rem; line-height: 58px;}
div#main div#contentmain .frame-layout-1 h3 {margin-top:0;}
div#main div#contentmain .frame-layout-1 h4 {margin-top:0;}
div#main div#contentmain .frame-layout-1 .button {background-color:#fff; color:#343a40 !important;}

/* menu of subpages starting @ treelvl 2 if typoscript is set */
div#main div#contentmain nav.menu ul.teasermenu-small .teaserbox {width:23.5%; margin-right:2%;}
div#main div#contentmain nav.menu ul.teasermenu-small li:nth-child(3n) {margin-right:2% !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 a {padding: 13px 13px 20px;}
div#main div#contentmain nav.menu ul.teasermenu-small li a span {font-size:20px; font-size:1.25rem;}
div#main div#contentmain nav.menu ul.teasermenu-small li img {width:100%; height:auto;}


/* 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 h3 {font-size:30px; font-size:1.875rem; color:#009036; font-family: LatoSemiBold,Verdana,sans-serif;}
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; font-size:90px; font-size:5.625rem; line-height:85px; color:#323232; font-weight:normal; font-family:SegoePrint-Bold, Verdana, sans-serif;}
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;}
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:#009036;}
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:3%;}
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: #019037; color:#fff; font-size: 18px; font-size: 1.125rem; line-height: 22px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
div.tx-ffndfmedia-controller div.full .downloadbasketlink a:hover {background-color:#11a248;}
div.tx-ffndfmedia-controller div.full .downloadbasketlink a i {margin-right:6px;}

/* powermail */
div#main div.tx-powermail {padding-bottom:95px; overflow:hidden;}
div#main div.tx-powermail .flexbox-container {display:flex; flex-wrap:wrap; justify-content: space-between;}
div#main div.tx-powermail h3 {display:none;}
div#main div.tx-powermail .powermail_confirmation h3 {display:block; margin-top:20px !important;}
div#main div.tx-powermail fieldset {border:none; padding:0; margin:0;}
div#main div.tx-powermail fieldset legend {display:none;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap {position:relative; width:48%; margin-bottom:15px;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap.layout1 {width:100%;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_text,
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_submit {width:100%; margin:0 !important;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_text {margin:15px 0 20px !important; }
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_text div {font-size:14px; font-size:0.875rem; font-family: LatoRegular,Verdana,sans-serif;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_check > label {display:none;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_textarea textarea {padding:15px 18px; min-height:240px; resize:none;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_file input {padding:0;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_type_file input:hover {box-shadow:none !important;}
div#main div.tx-powermail fieldset div label {display:block; margin-bottom:5px; font-size:16px; font-size:1rem; font-family: LatoBold,Verdana,sans-serif;}
div#main div.tx-powermail fieldset div input,
div#main div.tx-powermail fieldset div textarea {width:100%; height: 40px; padding: 0 18px;}
div#main div.tx-powermail fieldset input[type="checkbox"] {width:15px;}
div#main div.tx-powermail fieldset div select {width: 100%; height:40px; border:none; 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 #019037; 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 #019037;}

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; -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 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:#019037; 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:#019037;
-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:#019037;}
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:#009036; 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 span.specialwarning {}

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

footer div.nl_subscription {width:auto;}
footer div.nl_subscription input {width:100%; background-color:rgba(47,47,47,0.1);}
footer div.nl_subscription button:hover {background-color:#2f2f2f;}
footer div.nl_subscription input::-webkit-input-placeholder {color:#2f2f2f;}
footer div.nl_subscription input:-moz-placeholder {color: #2f2f2f;}
footer div.nl_subscription input::-moz-placeholder {color:#2f2f2f;}
footer div.nl_subscription input:-ms-input-placeholder {color:#2f2f2f;}
footer div.nl_subscription button {margin-top:10px; background-color:#2f2f2f;}

/* facebook */
div.tx-ff-facebook {width:90%; height:550px; margin-bottom:20px; overflow-y:scroll; font-family:Verdana, sans-serif;}
div.tx-ff-facebook::-webkit-scrollbar {-webkit-appearance: none; width: 8px; height: 8px;}
div.tx-ff-facebook::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3); border-radius:10px;}
div.tx-ff-facebook-video,
div.tx-ff-facebook div.tx-ff-facebook {overflow:hidden; width:100%; height:auto; margin-bottom:15px; padding:12px; background-color:#fff; border:solid 14px #e9eaed;}
div.tx-ff-facebook div.tx-ff-facebook-video:last-child,
div.tx-ff-facebook div.tx-ff-facebook:last-child {margin-bottom:0 !important;}
div.tx-ff-facebook-author img {float:left; margin-right:10px; width:40px; height:40px; border:solid 1px #e9eaed;}
div.tx-ff-facebook div.tx-ff-facebook-story {display:none;}
div.tx-ff-facebook-image {margin-top:10px; width:100%; height:auto;}
div.tx-ff-facebook-video img,
div.tx-ff-facebook-image img {width:100%; height:auto;}
div.tx-ff-facebook .clearfix {clear:both;}
div.tx-ff-facebook-author-name {color:#365899; font-weight:bold; font-size:14px; font-size:0.874rem; font-family:Verdana, sans-serif;}
div.tx-ff-facebook-author-name span.tx-ff-facebook-datetime {display:block; margin-top:7px; color:#90949c; font-weight:normal; }
div.tx-ff-facebook div.tx-ff-facebook-message {margin-top:10px; font-weight: normal; line-height: 1.38; font-size:14px; font-size:0.874rem; font-family:Verdana, sans-serif;}
div.tx-ff-facebook div.tx-ff-facebook-message a {font-family:Verdana, sans-serif;}
div.tx-ff-facebook-link {margin:5px 0 10px; line-height:16px;}
div.tx-ff-facebook-link a {color:#365899; font-weight:bold; font-size:14px; font-size:0.874rem; font-family:Verdana, sans-serif;}
div.tx-ff-facebook-link a:hover {text-decoration:underline;}
div.tx-ff-facebook-video-stats,
div.tx-ff-facebook-stats {color:#90949c; font-size:14px; font-size:0.874rem; font-family:Verdana, sans-serif;}
div.tx-ff-facebook-video div.tx-ff-facebook-title {margin-bottom:10px; color: #365899; font-weight: bold; font-size: 14px; font-size: 0.874rem; font-family: Verdana, sans-serif;}
div.tx-ff-facebook div.tx-ff-facebook-video div {position:relative;}
div.tx-ff-facebook div.tx-ff-facebook-video div a::before {position:absolute; width: 100%; left: 50%; margin-left: -50%; top: 27%; color: #fff; opacity:0.8; display: inline-block; vertical-align: top; content: "\f144"; text-align: center; font-family: 'FontAwesome'; font-size: 96px; font-size: 6rem;}
/* footer */
footer .cols-5-inner {display: flex; width:100%;}
footer .cols-5-inner .col {width:18%; margin-right:3.33%;}
footer .cols-5-inner .col:last-child {margin:0;}
footer .frame-type-menu_pages ul {padding:0; margin:0; list-style-type:none;}
footer .frame-type-menu_pages a {display:block;font-size:15px; font-size:0.9375rem; line-height:20px; line-height:1.25rem; color:#2f2f2f; font-family: LatoRegular,Verdana,sans-serif;}
footer h3 {margin:0; font-size:22px; font-size:1.375rem; color:#2f2f2f; font-family: LatoRegular,Verdana,sans-serif;}
footer a.circle {line-height:52px; margin-right:7px; width:50px; height:50px; border-radius:25px; display:inline-block; background-color:rgba(47,47,47,0.1); text-align:center;}
footer a.circle i::before {font-size:26px; font-size:1.625rem; color:#2f2f2f;}
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(47,47,47,0.1); 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:#323232;}

/* for all cols */
div#main div.col {/* display:inline-block; vertical-align:top; */}
 /* 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;}
/* 2 rows 3 cols */
div#main div.cols-3-inner-bottommiddle,
div#main div.cols-3-inner-topmiddle {margin:0 48px;}

/* for all formelements */
input[type='checkbox'],
input[type='radio'] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; font-size: 1rem; width: 100%;}
input[type='checkbox'],
input[type='radio'] {width:auto; float:left; margin-right: .75em; background:transparent; border:none; cursor:pointer;}
input[type='radio']:checked,
input[type='radio']:not(:checked),
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked) {position:absolute; /* visibility: hidden;*/ margin:0; padding:0 !important; z-index:999;}
input[type='radio'] + label,
input[type='checkbox'] + label {cursor: pointer;}
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before,
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before {content:' '; display:inline-block; margin-right:6px; width: 13px; height:13px; position: relative; background-color:transparent; border:solid 1px #2f2f2f; top:2px;}
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before,
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before {border-radius:0;}
input[type='radio']:hover + label::before,
input[type='checkbox']:hover + label::before {background:#009640;}
input[type='radio']:checked + label::before,
input[type='checkbox']:checked + label::before {background:#009640;}



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:22px; background-color:#019037; 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:"\f105"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:300;}
.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:#019037; 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-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 : 2000px) {
 #contenthead .csc-textpic figure,
 #contenthead .csc-textpic img {width:100%; height:auto;}
 #contenthead .csc-textpic .csc-textpic-center-outer,
 #contenthead .csc-textpic .csc-textpic-center-inner {position:static; float:none;}
 footer {background-size:cover;}
}

@media only screen
and (max-width : 1500px) {
 div.tx-ffndfcontentslider-pi div.section-inner  {max-width:1200px; margin:0 auto;}
 div.tx-ffndfcontentslider-pi .section-inner.security-advices {margin-bottom:50px !important;}
 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#socialbar div.shariffwrapper  {right:0;}

 div.tx-ff-owl-slider .slider-caption {right:9%;}
 div.tx-ff-owl-slider .layout-3 {left: 10%;}
}


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

 div#main div#contentmain div.more-articles 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 .teaserbox {width:32%; margin-right:2%;}

 div#main div#contentmain nav.menu ul .teaserbox img {width:100%; height:auto;}
 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.tx-ffndfcontentslider-pi .security-advices {padding:0 3%; margin-bottom:0 !important;}

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

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

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

 /* footer */
 footer {background-color:#e8dfd7; background-repeat:no-repeat; background-size:contain; background-position:bottom;}
 footer .cols-5-inner {flex-wrap: wrap; -ms-flex-wrap: wrap;}
 footer .cols-5-inner .col {width:16%;}
 footer a.circle {width:45px; height:45px;}
 footer a.circle i::before {line-height:48px; line-height:3rem;}

  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) {
  div#main div#contenthead {width:auto; height:300px;}
 div#main div#contenthead figure img {width:auto; height:300px;}
 /* menu */
 #mobile-header {display:block;}
 #topnav,
 #metanav, #countrywrap, .tx-srlanguagemenu, #searchform, .languagenav {display:none;}
 div#topbox {height:100px;}
 div#topbox a#homelink {width:160px; height:100px;}
 #mobile-header {top:30%;}

 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 {padding:8% 0;}
 div#main div#contentmain div.more-articles h2 {font-size:72px; font-size:4.5rem; line-height:76px;}
 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 li a span,
 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;}

 div.tx-ff-facebook div.tx-ff-facebook-video div a::before {font-size:80px; font-size:5rem; top:22%;}
 /* 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%;}

 /*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:280px; display:block;}
 .ce-textpic.ce-right .image img,
 .ce-textpic.ce-left .image img {width:100%; height:auto;}
 /* 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;}

 /* footer */
 div#footerbox {padding-top:8%;}

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

@media only screen and (max-width:768px) {
 .embed-container {width:100%; padding-bottom: 56.25%;}

 div#main div#contenthead {width:auto; height:250px;}
 div#main div#contenthead figure img {width:auto; height:250px;}

 div#topbox {height:80px;}
 div#topbox a#homelink {width:130px; height:80px;}
 #mobile-header {top:25%;}

 div#breadcrumb {display:none;}

 div#socialbar {width:100%;}
 div#socialbar li.shariff-button {min-width:7pc;}
 div#socialbar .shariff .orientation-horizontal li .share_text {display:inline;}
 div.tx-ff-facebook {height:286px;}

 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;}
 div#main div#contentmain h1, div#main div#contentmain h2,
 div#main div#contentmain div.tx-ffndfcontentslider-pi h2.layout-1 {font-size:54px; font-size:3.375rem; line-height:58px;}


 div#main div#contentmain h3 {margin-top:8%;}

  /* 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:38px;}
  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 div.more-articles 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 nav.menu ul .teaserbox {width:48%;}
 div#main div#contentmain nav.menu ul li:nth-child(2n) {margin-right:0 !important;}
 div#main div#contentmain nav.menu ul li:nth-child(3n) {margin-right:2% !important;}
 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.tx-ffndfrating-pi1 span.like-count {padding-top:2px;}

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

 div.tx-ff-facebook div.tx-ff-facebook-video div a::before {font-size:96px; font-size:6rem; top:27%;}

 /*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:18px; font-size:1.125rem;}
 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 {font-size:18px; font-size:1.125rem;}
 div.mediaitem .mm-title::before {margin: 0 10px 0 5px; min-width:20px; max-width:20px; height:20px; font-size: 0.8rem;}
 div.teaserimg {margin-bottom:5px;}
 div.addtobasket i.fa-times {line-height:18px;}
 div.tx-ffndfmedia-controller i.fa-folder {font-size:18px; font-size:1.125rem; line-height:1.1;}
 div.addtobasket i.fa-plus-circle {top: 15px; font-size: 9px; right: 3px;}
 div.mediacontent div.media-icon .fa-download {line-height:1;}
 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;}

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

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


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

 /* footer */
 footer div.nl_subscription input {display:block; width:100%;}
 footer .cols-5-inner-Right {text-align:left;}
 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:45px; height:45px;}
 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) {
 div#main div#contenthead {width:auto; height:200px;}
 div#main div#contenthead figure img {width:auto; height:200px;}

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


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

 div#main div#contentmain div.our-service div.cols-3-inner-middle {margin:0 auto 8% !important;}
 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:200px;}
/* below/above */
#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-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;}
#contentmain .ce-textpic.ce-above .ce-gallery[data-ce-columns="2"] .ce-row .image,
#contentmain .ce-textpic.ce-below .ce-gallery[data-ce-columns="2"] .ce-row .image {}

 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 .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;}
 div.downloadbasketlink {}

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

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

 /* footer */
 footer {background-image:none; min-height:0;}
 footer .frame-type-menu_pages a {display:inline-block; font-size:18px; font-size:1.125rem;}
 footer .cols-5-inner {}
 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%;}

}


@media only screen and (max-width : 480px) {
 div#topbox {height:65px;}
 div#topbox a#homelink {width:115px; height:65px;}
 #mobile-header {top:16%;}

 /* 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 div.more-articles h2 {font-size:40px; font-size:2.5rem; line-height:44px;}
 div#main div#contentmain nav.menu ul .teaserbox {border-radius:8px;}
 div#main div#contentmain nav.menu ul .teaserbox a {padding:2% 2% 3% 2%;}
 /* div#main div#contentmain nav.menu ul li:nth-child(3n) {margin-right:0 !important;} */

 div#main div#contentmain h1,
 div#main div#contentmain h2,
 div#main div#contentmain div.tx-ffndfcontentslider-pi h2.layout-1 {margin-bottom:30px; font-size:40px; font-size:2.5rem; line-height:44px;}
 div#main div#contentmain div.tx-ffndfcontentslider-pi h2.layout-1 {margin-bottom:15px;}
 div.tx-ffndfcontentslider-pi .ce-layout-1 div.frame-products div.product-name {word-break: break-word;}
 div#main div#contentmain h3 {font-size:22px; font-size:1.375rem; line-height:26px;}
 div#main div#contentmain li,
 div#main div#contentmain p {font-size:20px; font-size:1.25rem; line-height:24px;}
 div#main div#contentmain div.toggle-box h3 {font-size:18px; font-size:1.125rem;}

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

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

 /* ce images */
 /* right/left intext */
 .ce-textpic.ce-right .ce-gallery,
 .ce-textpic.ce-left .ce-gallery,
 .ce-textpic.ce-right .ce-column,
 .ce-textpic.ce-left .ce-column {float:none; margin-right:0; margin-left:0;}
 .ce-textpic.ce-right .image,
 .ce-textpic.ce-left .image {max-width:80%;}

 div.tx-ff-facebook div.tx-ff-facebook-video div a::before {font-size:80px; font-size:5rem; top:22%;}

 div#cookiehint {width:15rem; padding:15px; font-size:16px; font-size:1rem; line-height:1.8rem;}

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

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

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

 /* list of round images */
 div.list-round-images .ce-gallery .ce-row {width:49%}
 div.list-round-images .ce-gallery .ce-row:nth-child(5n) {margin-right:2%;}
 div.list-round-images .ce-gallery .ce-row:nth-child(4n) {margin-right:2%;}
 div.list-round-images .ce-gallery .ce-row:nth-child(3n) {margin-right:2%;}
 div.list-round-images .ce-gallery .ce-row:nth-child(2n) {margin-right:0;}
 div.list-round-images .ce-gallery figure > a {border: solid 6px rgba(255, 255, 255, 0.55);}
 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;}


   /* ce images */
   /* right/left intext */
   .ce-textpic.ce-right .image,
   .ce-textpic.ce-left .image {max-width:100%;}
}

@media only screen and (max-width : 340px) {
 div#main div#contentmain h1, div#main div#contentmain h2 {font-size:50px; font-size:3.125rem;}
 div#mediacontents div.mediacontent {width:100%; margin-right:0;}
 div#main div#contentmain nav.menu ul .teaserbox {width:100%; margin-right:0 !important;}


 div.tx-ff-facebook div.tx-ff-facebook-video div a::before {font-size:60px; font-size:3.75rem; top:25%;}

.owl-theme .owl-controls .owl-buttons div {width:25px; font-size:35px; line-height:35px;}
}