/* Webfonts in use: LatoRegular, LatoLight, LatoSemiBold; LatoBold, SegoePrint-Bold, FontAwesome" */

/* 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 .csc-textpic img {border: solid 10px rgba(255, 255, 255, 0.6) !important; border-radius:100%;}
.round-images .csc-textpic figcaption {margin-top:2%;}
.back-to-top {position: fixed; bottom:20px; right:20px; padding-top:3px; width:50px; height:50px; border-radius:100%; font-size:32px; font-size:2.0625rem; text-align:center; background-color:#9ccba5;}
.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;}

/* rte */
.gruenerButton {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;
}
.gruenerButton:hover {background-color: #11a248;}

/* 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 */
header {padding:0; background:url(../img/gradient_head.png) repeat-x;}
footer {clear:both; overflow:hidden; background:url(../img/footer-bg.jpg) no-repeat center center; min-height:723px;}
nav#topnavmobil {display:none;}
ul#skipnav {display:none;}
div#topbox {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.flexslider {display:none;}
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 bar */
div#cookiehint {padding:5px 0; background-color: rgba(0,0,0,0.7); color:#fff; text-align:center; font-size:16px; font-size:1rem;}
div#cookiehint a {color:#fff24c;}
div#cookiehint span.cookiebutton,
div#cookiehint span.cookiebutton2 {display: inline-block; margin-left: 20px; padding: 0 5px; line-height: 20px; background-color: #888;}
div#cookiehint span.cookiebutton2 {margin-left:10px;}
div#cookiehint span.cookiebutton:hover,
div#cookiehint span.cookiebutton2:hover {cursor:pointer;} 

/* header */
div#topbox a#homelink {float:left; display:block; position:relative; left:0; width:208px; height:126px; z-index:10000;}
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:45px; height:45px; 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:30px; font-size:1.875rem; 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:FontAwesome; color:#666666;}
#sidr-main .minus::after {content:"\f068"; display:block; font-family:FontAwesome; 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:370px; 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:44px; font-size:2.75rem; line-height:48px; 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: FontAwesome;}
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(../../../neudorff2/main/img/woodn_sign.png) no-repeat; width:610px; max-width: 610px; height: 395px;}
div.tx-ff-owl-slider .layout-2 h3 {color:#ffed00; font-size:52px; font-size:3.25rem; line-height:62px;
-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: FontAwesome;}
.owl-next::before {color: #fff; content: "\f054" !important; font-family: FontAwesome;}

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 {float:right; 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 */
div.tx-srlanguagemenu {float:right; margin-right:30px; margin-top:15px; padding:0 0 0 12px; }
div.tx-srlanguagemenu a {font-size:12px; font-size:0.75rem; text-decoration:none; color:#232323;}
div.tx-srlanguagemenu a:hover {text-decoration:underline;}
 /* country menu */
span#current_country {padding: 0 12px; display:block; text-decoration: none; cursor:pointer;}
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:FontAwesome;}
span#current_country:hover {background:none;}
div#countrywrap {position:relative; float:right; margin-right:12px; margin-top:15px; border-left: 1px solid #e5db56; border-right:1px solid #e5db56;}
#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:20px; font-size:1.250rem; line-height:35px; font-family:FontAwesome; }


/* topnav */
nav#topnav {float:right; clear:right; overflow:hidden; margin-top:25px;}
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:20px; font-size:1.25rem; 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.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 {display:none; position:absolute; left:0; 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 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 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:#323232;}
  /* 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 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:#323232;}
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:#323232;}
div#main div#contentmain div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div#main div#contentmain div.csc-textpic-intext-left div.csc-textpic-imagewrap {margin-top:10px;}

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

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

div#main div#contentmain div.backlink {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.csc-textpic-caption {font-size:14px; font-size:0,875rem; font-style:italic;}

/* list of round images */
div.list-round-images {margin-bottom:45px;}
div.list-round-images .csc-textpic-imagewrap {width:100%;}
div.list-round-images .csc-textpic-imagerow {margin-bottom:15px;}
div.list-round-images .csc-textpic figure {width:210px; margin-right:31px; display:inline-block;}
div.list-round-images .csc-textpic figure:nth-child(5n) {margin-right:0;}
div.list-round-images .csc-textpic figure:hover figcaption a {background-color:#019037; color:#fff;} 
div.list-round-images .csc-textpic figure:hover > a {border:solid 10px #019037;}
div.list-round-images .csc-textpic figure > a {display: block; position: relative; margin-top: 10px; width: 210px; height: 210px; border-radius: 100%; border: solid 10px rgba(255, 255, 255, 0.55); overflow: hidden;}
div.list-round-images .csc-textpic img {height: 100%; width: auto;}
div.list-round-images .csc-textpic figcaption {display:block; margin-top:10px; text-align:center;}
div.list-round-images .csc-textpic figcaption a {padding: 1% 3%; background-color: rgba(255, 255, 255, 0.55); color: #323232; font-size: 24px; font-size: 1.5rem; line-height:31px;}
div.list-round-images div.csc-textpic-imagecolumn  {display:flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap;}
div.list-round-images div.csc-textpic-lastcol {margin-right:0;}

/* mediamodule */
div.tx-ffndfmedia-controller {}
div#main div#contentmain div.tx-ffndfmedia-controller h3.mctitle {margin-top:0;}
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%; 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:3px 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:'FontAwesome'; font-size:22px; font-size:1rem;}
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; 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:6px 0; font-size:22px; font-size:1.375rem;}

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.articleframe > .section-inner {max-width:1200px; margin:0 auto;}
div#main div#contentmain div.section-inner  div.csc-default {padding:0;}
/* Standard article */
div#main div#contentmain div.csc-default {padding-top:0;}
div#main div#contentmain div.articleframe {padding:0 0 100px 0;}
div#main div#contentmain div.space-above {padding:110px 0 0 0;}
div#main div#contentmain div.articleframe 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 {}
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 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 {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 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 div.csc-textpic-imagewrap img {margin-top:35px;}
div#main div#contentmain div.our-service .col {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;}
div.tx-ffndfcontentslider-pi div.csc-textpic-intext-left .csc-textpic-imagewrap, 
div.tx-ffndfcontentslider-pi div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {margin-right:100px;}
.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;}
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 {content:none !important; opacity:1 !important;}
div.tx-ffndfcontentslider-pi .slick-prev::before {color:#009640; content:"\f053" !important; font-family: FontAwesome; font-size:70px;}
div.tx-ffndfcontentslider-pi .slick-next::before {color:#009640; content:"\f054" !important; font-family: FontAwesome; font-size:70px;}
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;}



/* 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 {float:left; 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 .csc-header ~ * {display:none;}
div#main div#contentmain div.toggle-box h3 {margin:10px 0; padding: 8px 25px 8px 8px; 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 {float:left; display: inline-block; margin:3px 18px 0 15px; vertical-align: top; width: 25px; height: 25px; margin-right: 18px; color: #fff; background-color: #b8b4b0; line-height: 28px; content: "\f067"; text-align: center; font-family: 'FontAwesome'; font-size: 22px; font-size: 1rem;}
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;}

/* menu of subpages starting @ treelvl 2 if typoscript is set */
div#main div#contentmain nav.menu ul.teasermenu-small .teaserbox {width:264px;}
div#main div#contentmain nav.menu ul.teasermenu-small li:nth-child(3n) {margin-right:38px !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;}

/* search */
div#main div#contentmain div.tx-kesearch-pi1 {margin-top:40px;}
div#main div#contentmain div.tx-kesearch-pi1 form {padding-bottom:60px; border-bottom:1px dashed #736f6a;}
div#main div#contentmain div.kesearchbox {width:888px;}
div#main div#contentmain div.kesearchbox input#ke_search_sword {width:888px; height:40px;}
#kesearch_filters label {font-size:18px; font-size:1.125rem; font-weight:normal;}
div#main div#contentmain input#kesearch_submit {height:36px; width:36px; right:5px; left:auto; padding-left:16px; background:url(../img/sprite.png) -7px -56px no-repeat; text-indent:-9999px; line-height:0; font-size:0; color:transparent;}
div#main div#contentmain div#kesearch_filters {overflow:hidden; margin-top:55px;}
div#main div#contentmain div#kesearch_filters span.head {width:80%; padding:0; font-size:18px; font-size:1.125rem; background:none !important; border:none !important; font-family: LatoBold,Verdana,sans-serif;}
div#main div#contentmain div#kesearch_filters span.head img {display:none;}
div#main div#contentmain #kesearch_filters .list ul {float:left; margin-top:20px; width:576px; padding:0; border:none;}
div#main div#contentmain #kesearch_filters .list ul li {position:relative; width:50%; float:left;}
div#main div#contentmain #kesearch_filters .list ul li a {display:inline-block; margin-left:22px; text-decoration:none; font-size:18px; font-size:1.125rem; color:#000; font-family: LatoRegular,Verdana,sans-serif;}
div#main div#contentmain #kesearch_filters input[disabled] + label {color:#9e9e9e;}
div#main div#contentmain #kesearch_filters input[disabled] + label::before {border:solid 1px #9e9e9e;}
div#main div#contentmain #kesearch_filters input[disabled]:hover + label::before {background-color:transparent;}
span.filterdot {display:inline-block; position:absolute; top:8px; width:13px; height:13px; border:solid 1px #000;}
div#main div#contentmain #kesearch_filters .list ul li:hover span.filterdot {background-color:#009036;}
div#main div#contentmain #kesearch_filters .list ul li.selected span.filterdot {background-color:#009036;}
span.kesGreyButt {float:left; margin-left:90px; margin-top:20px; padding:9px 20px; height:38px; max-width:247px; background:none; font-weight:normal; color:#000; background-color:transparent; text-transform:uppercase; font-size:16px; font-size:1rem; border:solid 1px #000; border-radius:12px;}
span.kesGreyButt:hover {background:none; text-decoration:underline; border:solid 1px #000;}
span.kesGreyButt a {text-shadow:none;}
span.kesGreyButt a:hover {text-shadow:none;}
span.submitbutt input { margin-top: 30px; padding: 0 15px 0 30px; width: 210px; height:40px; background:url("../img/submit-arrow.png") no-repeat 14px center  #019037; font-size:18px; font-size:1.125rem; border:none; border-radius: 30px; color: #fff; cursor: pointer; text-align:left; font-weight:normal; 
  -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;
  font-family:LatoRegular, Verdana, sans-serif;} 
span.submitbutt input:hover {border:none; box-shadow:none; color:#fff; background:url("../img/submit-arrow.png") no-repeat 14px center  #11a248;}

div#main div#contentmain div#kesearch_num_results {max-width:none; margin-bottom:35px; font-size:28px; font-size:1.75rem; font-weight:bold; color:#009640; font-family:LatoSemiBold, Verdana, sans-serif;}
div#main div#contentmain div#kesearch_results div.result-list-item {padding-bottom:40px; margin-bottom:40px; border-bottom:1px dashed #736f6a;}
div#main div#contentmain div#kesearch_results div.result-list-item span.resulthead {font-size:22px; font-size:1.375rem; color:#323232; font-family: LatoBold,Verdana,sans-serif;}
div#main div#contentmain div#kesearch_results div.result-list-item a {font-size:22px; font-size:1.375rem; color:#323232; text-decoration:none; font-weight:normal; font-family: LatoBold,Verdana,sans-serif;}
div#main div#contentmain div#kesearch_results div.result-list-item a:hover {text-decoration:underline;}
div#main div#contentmain div#kesearch_results div.result-list-item span.teasertext {display:block; margin-top:5px; font-size:22px; font-size:1.375rem; line-height:24px; color:#323232;}
#kesearch_pagebrowser_bottom {margin-top:95px; margin-bottom:130px;}
#kesearch_pagebrowser_bottom .pages_total {background:none; border:none;}
.kesearch_pagebrowser a {margin:0 5px; font-size:16px; font-size:1rem; color:#323232; text-decoration:none;}
.kesearch_pagebrowser a.current {background-color: #444242; border-radius: 15px; color:#fff;}
#kesearch_pagebrowser_top a.current, #kesearch_pagebrowser_bottom a.current {color:#fff; font-weight:normal;}
#kesearch_pagebrowser_top a, #kesearch_pagebrowser_bottom a {padding:5px 10px;}
.kesearch_pagebrowser a:hover {background-color: #444242; border-radius: 15px; color: #fff;}
.tx-kesearch-pi1 .prev {background:url(../img/sprite.png) -19px -107px no-repeat;}
.tx-kesearch-pi1 .prev:hover {background:none; background:url(../img/sprite.png) -19px -107px no-repeat;}
.tx-kesearch-pi1 .next {background:url(../img/sprite.png) -58px -107px no-repeat;}
.tx-kesearch-pi1 .next:hover {background:none; background:url(../img/sprite.png) -58px -107px no-repeat;}
div#main div#contentmain div#kesearch_results .hit {color:#009640;}

/* medía 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 h3 {display:none;}
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; float:left; width:48%; margin-bottom:15px;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap:nth-child(2n+1) {margin-left:4%;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_textarea,
div#main div.tx-powermail fieldset div.powermail_fieldwrap_text,
div#main div.tx-powermail fieldset div.powermail_fieldwrap_file,
div#main div.tx-powermail fieldset div.powermail_fieldwrap_submit {float:none; clear:both; width:100%; margin:0 !important;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_text {margin:20px 0 30px !important; font-family: LatoRegular,Verdana,sans-serif;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_textarea textarea {padding:15px 18px; min-height:240px; resize:none;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_file input {padding:0;}
div#main div.tx-powermail fieldset div.powermail_fieldwrap_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 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_submit input,
div#main div.tx-powermail input.powermail_confirmation_submit,
div#main div.tx-powermail input.powermail_confirmation_form {float:right; width:147px; height:40px; margin-top:20px; color:#fff; border-radius:30px; padding:0 0 0 18px; font-size:18px; font-size:1.125rem; background:url(../img/submit-arrow.png) 25px 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;
}

div#main div.tx-powermail fieldset div.powermail_fieldwrap_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;}

/* newsletter subscription */
div.nl_subscription {}
div.nl_subscription form {margin-top:30px;}
div.nl_subscription input {margin-bottom:15px; padding:10px 20px;  border:none; line-height:18px;}
div.nl_subscription i::before {display:inline-block; margin-right:9px; color:#fff027; font-size: 18px; font-size: 1.125rem;} 
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;
}
div.nl_subscription button:hover {background-color:#11a248;}
div.nl_subscription input::-webkit-input-placeholder {color:#019037;}
div.nl_subscription input:-moz-placeholder {color: #019037;}
div.nl_subscription input::-moz-placeholder {color:#019037;}
div.nl_subscription input:-ms-input-placeholder {color:#019037;}
div.nl_subscription div.privacy {font-size:12px; font-size:0.75rem; line-height:14px !important;}
div.nl_subscription div.privacy strong {font-family: LatoRegular,Verdana,sans-serif;}
div.nl_subscription div.privacy label::before {content:none;}
div.nl_subscription div.privacy input[type='checkbox'] {width:auto !important;}

div.nl_subscription input[type='checkbox']:checked, div.nl_subscription input[type='checkbox']:not(:checked) {position:static !important; visibility:visible !important; -webkit-appearance: checkbox !important; -moz-appearance: checkbox!important; appearance: checkbox !important; width: auto; margin-right: 5px !important; margin-bottom: 10px !important;}

div#main div#contentmain div.nl_subscription p {margin-top:45px;}
div#main div#contentmain div.nl_subscription input {width: 50%; background-color:#fff;}
div#main div#contentmain div.nl_subscription i::before {color:#fff;}
div#main div#contentmain div.nl_subscription button {color:#fff;}
div#main div#contentmain div.update_subscription input {display:block;}
div#main div#contentmain div.update_subscription button {margin-top:15px;}


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 nav ul {padding:0; margin:0; list-style-type:none;}
footer nav 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 .csc-textpic {float:right; margin:30px 5px 0 0;}
footer .cols-5-inner-Right .csc-textpic .csc-textpic-imagewrap {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 .csc-textpic figcaption {font-size:16px; text-align:center; font-family: LatoRegular,Verdana,sans-serif;}
footer .cols-5-inner-Right .csc-textpic 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 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;}
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;}
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:10px; 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:FontAwesome;}
.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;}


@media only screen
and (min-width : 2000px) {
 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 div.slick-list {margin:0 50px;}  
 div.tx-ffndfcontentslider-pi div.slick-slide {margin:0 15px !important;}
 div.tx-ffndfcontentslider-pi .slick-prev {left:0;}
 div.tx-ffndfcontentslider-pi .slick-next {right:0;}
}


@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.articleframe > .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.teasermenu-small .teaserbox {width: 22%; margin-right: 4% !important;}
 div#main div#contentmain nav.menu ul.teasermenu-small li:nth-child(3n) {margin-right:4% !important;}
 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::before {font-size:50px;}
 div.tx-ffndfcontentslider-pi .slick-prev::before {font-size:50px;}

 /* responsive images */
 div#contentmain div.csc-textpic-below .csc-textpic-imagerow,
 div#contentmain div.csc-textpic-above .csc-textpic-imagerow {display:flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap;}  
 div#contentmain div.csc-textpic-below .csc-textpic-imagecolumn, 
 div#contentmain div.csc-textpic-above .csc-textpic-imagecolumn[data-csc-images="3"] {width:30%;} 
 div#contentmain div.csc-textpic-below .csc-textpic-imagerow img,
 div#contentmain div.csc-textpic-above .csc-textpic-imagerow img {width:100%; height:auto;}
 div#contentmain div.list-round-images div.csc-textpic-imagecolumn figure {width:18%; margin-right:1.5%;}
 div#contentmain div.list-round-images .csc-textpic figure:nth-child(5n) {margin-right:0;}
 div.list-round-images .csc-textpic figure > a {width:auto; height:auto;}
 div#contentmain div.list-round-images .csc-textpic img {position:static;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;}
 div.list-round-images .csc-textpic figcaption a {font-size:18px !important; font-size:1.125rem !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;}

 /* footer */
 footer {background-color:#e8dfd7; background-repeat:no-repeat; min-height:none; 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 1em;}
 .table-scrollable::-webkit-scrollbar {-webkit-appearance: none; width: 14px; height: 14px;}
 .table-scrollable::-webkit-scrollbar-thumb {border: 1px solid #fff; 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 {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#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#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#contentmain div.list-round-images div.csc-textpic-imagecolumn figure {width:23%;}
 div#contentmain div.list-round-images .csc-textpic figure:nth-child(4n) {margin-right:0;}
 div#contentmain div.list-round-images .csc-textpic figure:nth-child(5n) {margin-right:1.5%;}
 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%;}

 /* search */
 div#main div#contentmain div.kesearchbox {width:100%;}
 div#main div#contentmain div.kesearchbox input#ke_search_sword {width:100%;}
 div#main div#contentmain #kesearch_filters .list ul {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;}

 /* 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 .csc-textpic {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) {
 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:50px 0;}
 div#main div#contentmain div.more-articles h2,
 div#main div#contentmain div.our-service h2 {text-align: center; font-size: 54px; font-size:3.375rem; margin: 20px 0; width:auto; line-height:58px;}

 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:4% !important;}
 div#main div#contentmain nav.menu ul.teasermenu-small li:nth-child(4n) {margin-right:4% !important;}
 div#main div#contentmain nav.menu ul.teasermenu-small .teaserbox img {display:none;}

 div#contentmain div.list-round-images div.csc-textpic-imagecolumn figure {width:31%;}
 div#contentmain div.list-round-images .csc-textpic figure {width:31%;}
 div#contentmain div.list-round-images .csc-textpic figure:nth-child(3n) {margin-right:0;}
 div#contentmain div.list-round-images .csc-textpic figure:nth-child(4n) {margin-right:1.5%;}

 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.mediacontent div.media-icon {width:32px; height:32px;}
 div.mediacontent div.media-icon a {padding:5px; font-size:20px; font-size:1.25rem;}
 div.teaserimg {margin-bottom:5px;}
 div.addtobasket i.fa-times {line-height:18px;}
 div.tx-ffndfmedia-controller i.fa-folder {line-height:32px;} 
 div.addtobasket i.fa-plus-circle {top:16px;}
 div.mediacontent div.media-icon .fa-download {line-height:25px;}
 div.tx-ffndfmedia-controller div.basketitem .title {float:none;}
 div.tx-ffndfmedia-controller .action-buttons {float:none; margin-top:10px;}
 div#basket-mediacontents div.terms-of-use {margin-top:20px; margin-bottom:20px;}
 div#basket-mediacontents div.terms-of-use label {font-size:16px; font-size:1rem;}

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

 /* responsive images */
 div#contentmain div.csc-textpic-intext-left .csc-textpic-imagewrap,
 div#contentmain div.csc-textpic-intext-right .csc-textpic-imagewrap {max-width:290px;}  
 div#contentmain div.csc-textpic-intext-left figure,
 div#contentmain div.csc-textpic-intext-right figure {width:100%; height:auto;}
 div#contentmain div.csc-textpic-intext-left img,
 div#contentmain div.csc-textpic-intext-right img {width:100%; height:auto;}   

 /* 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 .csc-textpic {float:none; width:auto; margin:0;}
 footer .cols-5-inner-Right .csc-textpic .csc-textpic-imagewrap {padding-top:0; width:45px; height:45px;}
 footer .cols-5-inner-Right .csc-textpic .csc-textpic-imagewrap img {width:60%; height:auto; margin:10px 0 0 12px;}
 footer .cols-5-inner-Right .csc-textpic 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;}

    /* 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.round-images div.csc-textpic .csc-textpic-imagewrap img {width:80%; height:auto; margin:0 auto;}
 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 div.tx-ffndfcontentslider-pi h2.layout-1, div#main div#contentmain h1, div#main div#contentmain h2 {text-align:left;}

 div#contentmain div.list-round-images div.csc-textpic-imagecolumn figure {width:48%;}
  div#contentmain div.list-round-images .csc-textpic figure {width:48%;}
 div#contentmain div.list-round-images .csc-textpic figure:nth-child(2n) {margin-right:0;}
 div#contentmain div.list-round-images .csc-textpic figure:nth-child(3n) {margin-right:1.5%;}

 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:75%; padding:8%; margin:0 auto 8%;}
 div#main div#contentmain div.our-service .col div.csc-textpic-below figure {width:100%; height:auto;}
 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;}

 div#contentmain div.list-round-images div.csc-textpic-imagecolumn figure {width:48.5%;}
 div#contentmain div.list-round-images .csc-textpic figure {width:48.5%;}

 /* 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 {}
 /* responsive images */
 div#contentmain div.csc-textpic-intext-left .csc-textpic-imagewrap,
 div#contentmain div.csc-textpic-intext-right .csc-textpic-imagewrap {max-width:none;}    
 div#contentmain div.csc-textpic-above .csc-textpic-imagewrap,
 div#contentmain div.csc-textpic-below .csc-textpic-imagewrap,
 div#contentmain div.csc-textpic-intext-left .csc-textpic-imagewrap,  
 div#contentmain div.csc-textpic-intext-right .csc-textpic-imagewrap {float:none; margin:0;}
 div#contentmain div.csc-textpic-above figure,
 div#contentmain div.csc-textpic-below figure,
 div#contentmain div.csc-textpic-intext-left figure,   
 div#contentmain div.csc-textpic-intext-right figure {width:80%; height:auto;}
 div#contentmain div.csc-textpic-above img,   
 div#contentmain div.csc-textpic-below img {width:100%; height:auto;}
 div#main div#contentmain div.csc-textpic-intext-left div.csc-textpic-imagewrap,  
 div#main div#contentmain div.csc-textpic-intext-right div.csc-textpic-imagewrap {display:flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap;}
 div#contentmain div.csc-textpic div.csc-textpic-imagerow {width:48%; margin-right:2%; margin-bottom:2%;}
 div#contentmain div.csc-textpic div.csc-textpic-imagecolumn figure {width:48.5%;}
 div#contentmain div.csc-textpic-center .csc-textpic-center-inner,  
 div#contentmain div.csc-textpic-center .csc-textpic-center-outer {position:static; float:none;}
 div#main div#contentmain div.csc-textpic-intext-right div.csc-textpic-imagewrap {margin:10px 0 0 2;}
 /* footer */
 footer {background-image:none;}
 footer nav 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#contentmain div.list-round-images div.csc-textpic-imagecolumn figure {}
 div.list-round-images .csc-textpic figcaption a {font-size:16px !important; font-size:1rem !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 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;}

 div#contentmain div.list-round-images .csc-textpic figure {width:50%;}

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

 /* search */
 div#main div#contentmain #kesearch_filters .list ul li {float:none; width:100%;}

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

 /* responsive images */
 div#contentmain div.csc-textpic-above figure,   
 div#contentmain div.csc-textpic-below figure,  
 div#contentmain div.csc-textpic-intext-left figure,
 div#contentmain div.csc-textpic-intext-right figure {width:100%; height:auto;}
 div#contentmain div.csc-textpic div.csc-textpic-imagecolumn {float:none;}
 div#contentmain div.csc-textpic div.csc-textpic-imagerow {width:100%; margin-right:0;}
 div#contentmain div.csc-textpic-below .csc-textpic-imagecolumn,
 div#contentmain div.csc-textpic-above .csc-textpic-imagecolumn {width:100%; margin-right:0; margin-bottom:2%;} 
}

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

@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#contentmain div.list-round-images div.csc-textpic-imagecolumn figure {width:100%; margin-right:0;}
 div#mediacontents div.mediacontent {width:100%; margin-right:0;}
 div#main div#contentmain nav.menu ul .teaserbox {width:100%; margin-right:0 !important;}

 div#contentmain div.list-round-images .csc-textpic figure {width:80%;}

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