@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,700|Indie+Flower|Oswald:400,700);

@font-face {
    font-family: 'HighVoltageRough';
    src: url('../fonts/HighVoltageRough.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HighVoltageRough.woff') format('woff'),
    url('../fonts/HighVoltageRough.ttf')  format('truetype'),
    url('../fonts/HighVoltageRough.svg#HighVoltageRough') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font-family: 'Nunito', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 100%;
    background: url('../images/bg_header_footer.gif') center top repeat-y #000;
    background-attachment: fixed;
}
html {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
}
.print {
    display: none;
}

/* fix 8.7 - fluid */

.ce-textpic {
    float: left;
    overflow: visible !important;
}
.ce-gallery figcaption {
    padding: 15px 0;
    margin-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.35);
}
.preparations .ce-gallery figcaption {
    min-height: 75px;
}
.ce-below .ce-gallery {
    width: 100%;
    margin-bottom: 20px;
}

/*.ce-image .ce-gallery {*/
/*    width: 100%;*/
/*}*/
/*.ce-left .ce-column,*/
/*.ce-center .ce-column {*/
/*    display: inline-block;*/
/*    margin-right: 10px;*/
/*    margin-bottom: 10px;*/
/*}*/
/*.ce-intext .ce-gallery,*/
/*.ce-intext .ce-bodytext {*/
/*    display: inline-block;*/
/*}*/
/*.ce-right .ce-gallery .ce-column {*/
/*    float: right;*/
/*    margin-left: 10px;*/
/*    margin-bottom: 10px;*/
/*}*/
/*.ce-center .ce-gallery .ce-row {*/
/*    text-align: center;*/
/*}*/
/*.ce-gallery .image {*/
/*    display: table;*/
/*}*/
/*.ce-gallery figcaption {*/
/*    display: table-caption;*/
/*    caption-side: bottom;*/
/*    font-style: italic;*/
/*}*/

/* spacings */

/*.frame-space-before-extra-small {*/
/*    margin-top: 0.5em;*/
/*}*/
/*.frame-space-before-small {*/
/*    margin-top: 1.0em;*/
/*}*/
/*.frame-space-before-medium {*/
/*    margin-top: 1.5em;*/
/*}*/
/*.frame-space-before-large {*/
/*    margin-top: 2.5em;*/
/*}*/
/*.frame-space-before-extra-large {*/
/*    margin-top: 2.5em;*/
/*}*/
/*.frame-space-after-extra-small {*/
/*    margin-bottom: 5.0em;*/
/*}*/
/*.frame-space-after-small {*/
/*    margin-bottom: 1.0em;*/
/*}*/
/*.frame-space-after-medium {*/
/*    margin-bottom: 1.5em;*/
/*}*/
/*.frame-space-after-large {*/
/*    margin-bottom: 2.5em;*/
/*}*/
/*.frame-space-after-extra-large {*/
/*    margin-bottom: 5.0em;*/
/*}*/

/* basis */

* {
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
    color: #000;
    border: 0px solid #ffffff;
    vertical-align: top;
    text-align: left;
    text-decoration: none;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
a {
    font-family: inherit;
    font-size: 100% !important;
    line-height: inherit;
    color: inherit;
}
.powermail_field label a {
    color: #51A126;
    text-decoration: underline;
}
.pathway .current,
.maincontent p a {
    color: #71ae39;
    color: #51A126; /* groene kleur oude site */
}
div,
footer,
header,
ul,
li,
th,
td,
a,
input,
button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content p,
.content ul,
.content ol,
.recipecontent .right p,
.recipecontent .right ul,
.recipecontent .right ol,
table.contenttable {
    margin-bottom: 20px;
}
.nextcontent ul {
    margin-left: 18px;
}
.nextcontent ol {
    margin-left: 30px;
}

img {
    max-width: 100%;
    height: auto;
}
iframe,
iframe[src*=youtube] {
    max-width: 100%;
}
.videocontainer {
    /*float: left;*/
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.videocontainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hide {
    display: none;
}

h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-size: 125%;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 15px;
}
h2,
h3,
h4 {
}
h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6,
.about .block_2 .ce-textpic .ce-bodytext h1,
.about .block_2 .ce-textpic .ce-bodytext h2,
.about .block_2 .ce-textpic .ce-bodytext h3,
.about .block_2 .ce-textpic .ce-bodytext h4,
.about .block_2 .ce-textpic .ce-bodytext h5,
.about .block_2 .ce-textpic .ce-bodytext h6,
.realnews .news-list-item .news-list-text h2,
.recipes_block .news-list-item .news-list-text h2,
.farm_list .news-list-item .news-list-text h2,
.subfootertitle header *,
.subfooter .blocks_3_cols .news-list-item h2,
.footer h3,
.recipe_list .recipes li * {
    /*	font-family: 'VeneerW01-Two';
        font-weight: normal; */
    line-height: 110%;
    margin-bottom: 15px;
    font-family: 'HighVoltageRough',Impact,Arial;
    font-weight: normal;
    text-transform: uppercase; /* temp under construction speed-up */
}
.menuheader header *,
.recipes header *,
.farm header *,
.farm_search header *,
.subfootertitle header *,
.maincontent header-n1 *,
.maincontent h1,
.about .block_2 .ce-textpic .ce-bodytext h1,
.about .block_2 .ce-textpic .ce-bodytext h2,
.about .block_2 .ce-textpic .ce-bodytext h3,
.about .block_2 .ce-textpic .ce-bodytext h4,
.about .block_2 .ce-textpic .ce-bodytext h5,
.about .block_2 .ce-textpic .ce-bodytext h6 {
    font-family: 'HighVoltageRough',Impact,Arial;
    font-weight: normal;
}
.maincontent header-n1 *,
.maincontent h1 {
    font-size: 300%;
    color: #71ae39;
}

/* layout basic */

.container {
    float: left;
    width: 100%;
}
.centercontainer {
    float: none;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.contentcontainer {
    position: relative;
    float: left;
    width: 97%;
    height: 100%;
    margin: 0 1.5% 0 1.5%;
}
.maincontent {
    padding: 50px 0;
}
.width100 {
    /*float: left;*/
    width: 100%;
}
.width66 {
    display: inline-block;
    width: 66%;
    margin-bottom: 40px;
}
.width33 {
    display: inline-block;
    width: 30%;
    margin-bottom: 40px;
}
.rightcol.width33 {
    margin-left: 2.5%;
}
.width50 {
    display: inline-block;
    width: 47%;
    margin-bottom: 40px;
}
.wide .news-single-item .leftcol.width50,
.wide .news-single-item .rightcol.width50 {
    float: none;
}
.rightcol.width50 .videocontainer {
    margin-bottom: 25px;
}
.rightcol.width50 .news-single-img {
    margin-bottom: 25px;
}
.leftcol {
    min-height: 10px;
}
.rightcol,
.wide .news-single-item .rightcol {
    position: relative;
    margin-left: 5%;
}
.wide .news-single-item .rightcol {
    padding-top: 10px;
}
.wide .maincontent > .leftcol.width50 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.news-list-container {
    width: 100%;
}
.wide .rightcol {
    display: none;
}
.wide .news-single-item .rightcol.width50 {
    display: block;
    float: right;
    margin-bottom: 25px;
}

/* header */

.logoheader {
    position: relative;
    z-index: 10;
}
.logo {
    position: absolute;
    left: 50%;
    width: 14%;
    min-width: 130px;
    height: 0;
    padding-bottom: 19%;
    background: url('../images/logo.png') center top no-repeat;
    background-size: auto 100%;
}
.header .logo {
    left: 50%;
    transform: translate(-50%,0px);
    background: none;
}
.topheader {
    position: relative;
    height: 72px;
    border-bottom: 5px solid rgba(255,255,255,0.4);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    z-index: 9;
}
.v3g_company {
    position: absolute;
    top: 25px;
    left: 5%;
    font-style: italic;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.v3g_company,
.v3g_company * {
    color: #fff;
}
.topheader .languagemenu {
    position: absolute;
    top: 15px;
    right: 130px;
    overflow: hidden;
    font-size: 95%;
    text-transform: uppercase;
    background: url('../images/bg_languagemenu.png') right -2px no-repeat;
}
.topheader .languagemenu ul {
    position: relative;
    z-index: 15;
}
.topheader .languagemenu,
.topheader .languagemenu ul,
.topheader .languagemenu li {
    width: 150px;
    height: 42px;
}
.topheader .languagemenu li {
    line-height: 42px;
    display: none;
    color: #fff;
}
.topheader .languagemenu li a {
    float: left;
    width: 100%;
    display: block;
    text-align: right;
    padding-right: 25px;
    transition: color ease 0.4s;
}
.topheader .languagemenu li.selector,
.topheader .languagemenu li.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.topheader .languagemenu li.selector {
    cursor: pointer;
}
.topheader .languagemenu li a:hover,
.topheader .languagemenu li.active a {
    color: #89d93d;
}
.topheader .languagemenu.active {
    overflow: visible;
}
.topheader .languagemenu.active ul {
    height: auto;
    background: rgba(0,0,0,0.6);
}
.topheader .languagemenu.active li {
    display: block;
    position: static;
}
.topheader .languagemenu.active li.selector {
    display: none;
}
.languagemenu li.text-muted {
    text-align: right;
    padding-right: 25px;
    cursor: not-allowed;
}
.topheader .socialicons {
    position: absolute;
    top: 18px;
    left: 60%;
}
.socialicons ul,
.socialicons li {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
.socialicons li {
    display: inline-block;
    width: auto;
}
.socialicons .frame a {
    display: block;
    width: 31px;
    height: 31px;
    overflow: hidden;
    text-indent: -999px;
    transition: all ease 0.4s;
    background: url('../images/bg_socialicons.png') no-repeat;
    background-color: #666666;
    background-position: -186px 0;
}
.socialicons .frame > a:first-child  {
    display: none;
}
.socialicons .frame a[href*=facebook] {
    background-color: #3b5998;
    background-position: 0 0;
}
.socialicons .frame a[href*=instagram] {
    background-color: #a7765b;
    background-position: -31px 0;
}
.socialicons .frame a[href*=linkedin] {
    background-color: #0077b5;
    background-position: -62px 0;
}
.socialicons .frame a[href*=pinterest] {
    background-color: #b7020d;
    background-position: -93px 0;
}
.socialicons .frame a[href*=twitter] {
    background-color: #000;
    background-position: -124px 0;
}
.socialicons .frame a[href*=youtube] {
    background-color: #de2c28;
    background-position: -155px 0;
}
.socialicons .frame a[href*=nieuwsbrief],
.socialicons .frame a[href*=newsletter],
.socialicons .frame a[href*=bulletin] {
    background-color: #666666;
    background-position: -186px 0;
}
.socialicons .frame a:hover {
    border-radius: 1.6rem;
}
.socialicons .frame a[href*=twitter]:hover {
    background-color: #333;
}

.topheader .socialicons .frame header {
    display: none;
}

.topheader .othericons {
    position: absolute;
    top: 10px;
    right: 1.5%;
    width: 88px;
    height: 55px;
}
.menuheader {
    position: relative;
    top: -5px;
    padding-bottom: 12.5%;
    height: 0;
    padding-bottom: 0;
    height: 200px;
    background: url('../images/bg_header_home.jpg') center center no-repeat;
    background-size: cover;
    margin-bottom: -5px;
}
.menuheader .header_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.menuheader .header_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.home .menuheader {
    height: 0;
    padding-bottom: 30%;
}
.menuheader .container {
    position: absolute;
    width: 100%;
    height: 100%;
}
.menuheader .centercontainer {
    max-width: 100%;
}
.menuheader * {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.menuheader h1 {
    font-size: 500%;
    line-height: 175%;
    text-shadow: -2px 2px 1px rgba(0,0,0,1);
}
.menuheader .ce-textpic {
    position: absolute;
    bottom: 5%;
    width: 100%;
}
.menuheader .ce-textpic .ce-textpic .ce-bodytext {
    margin-bottom: 20px;
}

/* newsletter button */

.menuheader .newsletter_button {
    /*display: none;*/
    position: absolute;
    bottom: 0;
    right: -1.6%;
    font-size: 34px;
    width: 350px;
    height: 175px;
    box-sizing: border-box;
}
html[lang=de-DE] .menuheader .newsletter_button {
    font-size: 29px;
}
.menuheader .newsletter_button:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(6% 29% , 100% 0 , 100% 100%, 0 100% );
    background: #71ae39;
}
.menuheader .newsletter_button header {
    position: absolute;
    right: 15px;
    bottom: 25px;
    width: calc(100% - 40px);
}
.menuheader .newsletter_button * {
    text-align: right;
    padding: 0;
    margin: 0;
}
@media all and (max-width: 1240px) {
    .menuheader .newsletter_button {
        font-size: 24px;
        width: 250px;
        height: 135px;
    }
    html[lang=de-DE] .menuheader .newsletter_button {
        font-size: 19px;
    }
}
@media all and (max-width: 900px) {
    .menuheader .newsletter_button {
        right: -2.6%;
        font-size: 18px;
        width: 180px;
        height: 100px;
    }
    html[lang=de-DE] .menuheader .newsletter_button {
        font-size: 14px;
    }
    .menuheader .newsletter_button header {
        right: 10px;
        bottom: 15px;
        width: calc(100% - 30px);
    }
}
@media all and (max-width: 640px) {
    .menuheader .newsletter_button {
        display: none;
    }
}

/* footer */

.footer {
    min-height: 280px;
    background: url('../images/bg_footer.jpg') center top #fdf9e6;
    margin-bottom: 72px;
}
.footer .row1 {
    padding-bottom: 25px;
    border-bottom: 1px solid #c5c0ac;
}
.footer .logo {
    position: static;
    float: left;
}
.footer .about {
    float: left;
    width: 30%;
    margin: 100px 5% 0 2%;
}
.footer .about ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.footer .contact {
    float: left;
    width: 25%;
    margin: 100px 0 0 0;
}
.footer .socialicons {
    float: left;
    width: 20%;
    margin: 100px 0 0 0;
}
.the_plate {
    position: absolute;
    top: -85px;
    left: 30%;
    width: 40%;
    height: 200px;
    background: url('../images/bord_kalfsoester.png') center center no-repeat;
    background-size: 100% auto;
}
html[lang=en-US] .the_plate {
    background-image: url('../images/bord_kalfsoester_en.png');
}
html[lang=de-DE] .the_plate {
    background-image: url('../images/bord_kalfsoester_de.png');
}
html[lang=it-IT] .the_plate {
    background-image: url('../images/bord_kalfsoester_it.png');
}
html[lang=fr-FR] .the_plate {
    background-image: url('../images/bord_kalfsoester_fr.png');
}
html[lang=zh-Hans] .the_plate {
    background-image: url('../images/bord_kalfsoester_cn.png');
}
.footer .othericons {
    float: left;
    width:  auto;
    margin: 20px 20px 20px 0;
}
.footer .copyright {
    float: left;
    width:  auto;
    margin: 20px 20px 20px 0;
}
.footer .copyright h3,
.footer .copyright .frame,
.footer .copyright p {
    float: left;
    width: auto;
    height: 42px;
    line-height: 42px;
    margin-right: 10px;
}
.footer .copyright h3 {
    padding-right: 10px;
    border-right: 1px solid #000;
    font-size: 100% !important;
    font-family: 'Nunito' !important;
    text-transform: none;
    height: 42px;
    line-height: 42px;
}
.footer .copyright img {
    margin-top: 4px;
}
.footer .exxtra {
    position: absolute;
    float: left;
    left: 78%;
    width: 20%;
    margin: 20px 0;
}
.footer .exxtra * {
    height: 42px;
    line-height: 42px;
}

/* app footer */

.footer .row2 {
    padding: 10px 0 0 0;
    background: #fff;
}
.footer .row2 .app_block {
    float: left;
    width: 27.5%;
}
.footer .row2 .app_block .ce-gallery {
    margin-bottom: 0;
}
.footer .row2 .app_block_left,
.footer .row2 .app_block_right {
    padding-top: 4.5%;
}
.footer .row2 .app_block_mid {
    width: 45%;
}
.footer .row2 .app_block_left .ce-textpic {
    float: right;
}
.footer .row2 .app_block_left,
.footer .row2 .app_block_left * {
    text-align: right;
}
.footer .row2 .app_block_left .ce-textpic-imagerow {
    float: left;
    width: 100%;
}
.footer .row2 .app_block_left .ce-column {
    float: right;
}
.footer .row2 .app_block_mid .ce-column {
    width: 50% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}


/* containers */

.container.recipes,
.container.about,
.container.content {
    background: url('../images/bg_footer.jpg') center top #fdf9e6;
    background-attachment: fixed;
}

/* mainmenu */

.mainmenu {
    position: relative;
    font-size: 115%;
    margin: 0 auto;
    margin-top: 140px;
    margin-top: 150px;
    text-align: center;
    /*	z-index: 10; */
}
.mainmenu ul.level1 {
    display: inline-block;
    width: auto;
}
.mainmenu ul.level1 li.level1 {
    position: relative;
    display: inline-block;
    width: auto;
}
.mainmenu a.level1 {
    display: block;
    width: auto;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 5px rgba(0,0,0,0.85);
    transition: text-shadow ease 0.4s;
}
.mainmenu a.level1:hover {
    text-shadow: 0 0 5px rgba(255,255,255,1);
}
.mainmenu li.level1.selected a.level1::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #ffff00;
}
.mainmenu ul.level2,
.mainmenu ul.level3,
.mainmenu ul.level4 {
    position: absolute;
    top: 28px;
    left: 0;
    width: 220px;
    background: rgba(255,255,255,0.85);
    box-shadow: 5px 10px 10px 0 rgba(0,0,0,0.2);
    display: none;
    z-index: 15;
}
/* make submenu temp visible
.mainmenu li.level1:nth-child(2) ul.level2,
.mainmenu li.level1:nth-child(2) ul.level3,
.mainmenu li.level1:nth-child(2) ul.level4 {
    display: block;
}
*/
.mainmenu li:last-child ul.level2 {
    left: auto;
    right: 0;
}
.mainmenu ul.level3,
.mainmenu ul.level4 {
    top: 0;
    left: 220px;
}
.mainmenu li.level1:hover ul.level2,
.mainmenu li.level1 ul.level2:hover,
.mainmenu li.level2:hover ul.level3,
.mainmenu li.level2 ul.level3:hover,
.mainmenu li.level3:hover ul.level4,
.mainmenu li.level3 ul.level4:hover {
    display: block;
}
.mainmenu ul.level2 *,
.mainmenu ul.level3 *,
.mainmenu ul.level4 * {
    color: #000;
    text-transform: none;
    text-align: left;
}
.mainmenu li.level2,
.mainmenu li.level3,
.mainmenu li.level4 {
    float: left;
    width: 100%;
}
.mainmenu li.level2 {
    position: relative;
}
.mainmenu .level2 a {
    display: block;
    width: auto;
    padding: 5px 10px;
    transition: background-color ease 0.4s;
}
.mainmenu .level2 a:hover {
    color: #fff;
    background-color: rgba(0,0,0,0.3);
}

/* homepage */

.container.recipes.blocks {
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    z-index: 1;
}
.blocks_3_cols .block,
.blocks_3_cols .news-list-item,
.realnews .news-list-item,
.recipes_block .news-list-item,
.blocks_4_cols .block {
    position: relative;
    float: left;
    width: 33.3%;
    height: 0;
    padding-bottom: 22.4%;
}
.about.blocks_3_cols {
    float: none;
    display: table;
}
.about.blocks_3_cols .block {
    float: none;
    display: table-cell;
    padding-bottom: 24%;
}
.blocks_3_cols .block_2 {
    padding-bottom: 0;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 55% auto;
}
.blocks_4_cols .block {
    width: 25%;
    padding-bottom: 21.5%;
    padding-bottom: 25%;
}
/*.blocks_3_cols .block > .frame:first-child,*/
.blocks_4_cols .block > .frame:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.container.recipes .recipe_list,
.container.recipes .recipe_list ul {
    float: none;
    margin: 0;
}
.home .container.recipes .recipe_list ul.f3-widget-paginator {
    display: none;
}

.container.recipes .news-list-item,
.container.recipes .recipe_list .item {
    position: relative;
    float: left;
    width: 25%;
    height: 0;
    padding-bottom: 21.5%;
    padding-bottom: 25%;
    margin: 0;
}
.container.recipes .news-list-item:nth-child(3),
.container.recipes .recipe_list .item:nth-child(3) {
    float: right;
}
.container.recipes .news-list-image,
.realnews .news-list-item .news-list-image,
.recipes_block .news-list-item .news-list-image,
.blocks_3_cols .news-list-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
.container.recipes .news-list-image a,
.container.recipes .news-list-image a img,
.realnews .news-list-item .news-list-image,
.recipes_block .news-list-item .news-list-image,
.blocks_3_cols .news-list-image a,
.realnews .news-list-item .news-list-image a,
.recipes_block .news-list-item .news-list-image a,
.blocks_3_cols .news-list-image a img {
    width: 100%;
}
.container.recipes .recipe_list .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.container.recipes .news-list-image a,
.realnews .news-list-item .news-list-image a,
.recipes_block .news-list-item .news-list-image a,
.blocks_3_cols .news-list-image a {
    display: block;
    height: 100%;
}
.blocks_3_cols .news-list-item .news-list-text,
.container.recipes .news-list-item .news-list-text {
    position: absolute;
    left: 5%;
    bottom: 2.5%;
    z-index: 1;
}
.realnews .news-list-item .news-list-image a::after,
.recipes_block .news-list-item .news-list-image a::after,
.container.recipes .news-list-image a::after,
.blocks_3_cols .news-list-image a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 0;
    transition: height ease 1s;
    background: rgba(0,0,0,0.25);
}
.realnews .news-list-item .news-list-text a {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 2.5% 5%;
    transition: height ease 1s;
    background: rgba(0,0,0,0.25);
    height: auto;
    z-index: 1;
}
.realnews .news-list-item:hover .news-list-image a::after,
.recipes_block .news-list-item:hover .news-list-image a::after,
.container.recipes .news-list-item:hover .news-list-image a::after,
.blocks_3_cols .news-list-item:hover .news-list-image a::after {
    height: 100%;
}
.news-list-text .recept_cat_label,
.realnews .news-list-item .date,
.recipes_block .news-list-item .recept_cat_label,
.news-single-item .date {
    float: left;
    width: auto;
    color: #fff;
    text-transform: uppercase;
    background: #cece02;
    padding: 1% 2%;
    margin: 0 10px 5px 0;
}
.news-single-item .date {
    margin-bottom: 25px;
}
.container.recipes .news-list-item .news-list-text h2,
.realnews .news-list-item .news-list-text h2,
.recipes_block .news-list-item .news-list-text h2,
.blocks_3_cols .news-list-item .news-list-text h2 {
    float: left;
    width: 100%;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}

.container.recipes .block_2 .frame {
    padding: 5%;
}
.container.recipes .block_2 header {
    font-size: 125%;
}
.container.recipes .block_2 header * {
    color: #71ae39;
}
a.button {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 10px 20px;
    margin: 0 5px 10px 0;
    font-weight: 700;
    color: #fff !important;
    text-transform: uppercase;
    background: #71ae39;
    border-radius: 2.0rem;
}
a.button.button_black,
a.button.button_print {
    background: #000;
}
.preparation .video {
    display: none;
}
.preparation + .video {
    display: block;
}
.recipe a.button.video_button,
.recipe a.button.button_print {
    position: relative;
    padding: 10px 20px;
    margin-top: 50px;
    margin-bottom: 0;
    line-height: 100%;
    background: #71ae39;
    border-radius: 2.0rem;
}
.recipe a.button.button_print {
    background: #000;
    margin: 0 15px 15px 0;
}
.recipe a.button.button_print:hover {
    color: #000 !important;
}
.recipe a.button.video_button::after {
    content: '';
    width: 150px;
    height: 87px;
    border: 1px solid #000;
    border-radius: 1.0rem;
    background: url('../images/bg_youtube_link.png') center center no-repeat #fff;
    background-size: cover;
    position: absolute;
    top: -97px;
    left: 50%;
    transform: translate(-50%,0);
}
a.button.livecam {
    margin-top: 40px;
}
a.button.livecam::after {
    content: url('/fileadmin/images/homepage/home_watch_video_arrow_right.png');
    position: absolute;
    top: -20px;
    right: -70px;
    width: 60px;
    height: 35px;
    transform: rotate(160deg);
}
.tx-vealrecipes-buttons a.button.button_black::after {
    content: 'Print';
}
html[lang=nl-NL] .tx-vealrecipes-buttons a.button.button_black::after {
    content: 'Print dit recept';
}
html[lang=en-US] .tx-vealrecipes-buttons a.button.button_black::after {
    content: 'Print this recipe';
}
html[lang=de-DE] .tx-vealrecipes-buttons a.button.button_black::after {
    content: 'Drucke dieses Rezept aus';
}
html[lang=it-IT] .tx-vealrecipes-buttons a.button.button_black::after {
    content: 'Stampa questa ricetta';
}
html[lang=fr-FR] .tx-vealrecipes-buttons a.button.button_black::after {
    content: 'Imprimer cette recette';
}
html[lang=zh-Hans] .tx-vealrecipes-buttons a.button.button_black::after {
    content: '打印';
}

.farm_search {
    height: 460px;
    background: url('../images/bg_home_farms.jpg') center center;
    background-attachment: fixed;
}
.farm_search .container {
    position: absolute;
    width: 100%;
    height: 460px;
}
.farm_search .contentcontainer {
    padding: 50px 0 100px 0;
    background-image: url('../images/bg_farm_search_contentcontainer.png'),  url('../images/bg_farm_search_contentcontainer_bottom.png');
    background-position: center 50px, center bottom;
    background-repeat: no-repeat;
}
.farm_search * {
    color: #fff;
    text-align: center;
}
.farm_search .ce-textpic,
.about .block_1 .ce-textpic,
.about .block_3 .ce-textpic {
    font-family: 'Indie Flower';
    font-size: 160%;
    font-size: 120%;
    line-height: 100%;
    width: 30%;
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.about .block_1 .ce-textpic p,
.about .block_3 .ce-textpic p {
    margin: 0;
}
.farm_search .frame:nth-of-type(3) p {
    position: absolute;
    width: 100%;
    bottom: 82px;
    font-family: 'Indie Flower';
    font-size: 160%;
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.farm_search .ce-textpic .ce-gallery {
    margin-top: 60px;
}
.farm_search header {
    position: absolute;
    top: 175px;
    width: 100%;
    font-size: 350%;
}
.farm_search form {
    position: absolute;
    top: 280px;
    left: 50%;
    width: 80%;
    max-width: 450px;
    margin-left: -225px;
}
.farm_search .frame:nth-of-type(4) {
    display: none;
    position: absolute;
}
.farm_search .frame:nth-of-type(4) .ce-textpic {
    width: 100%;
}

.search_empty_message {
    font-family: 'Indie Flower';
    font-size: 160%;
    line-height: 100%;
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    margin-bottom: 20px;
}
.search_empty_message dd {
    text-align: center;
}
.search_empty_message dd::before {
    content: url('/fileadmin/images/homepage/home_watch_video_arrow_left.png');
}
.farm_search form input[type=text],
.farm_search form input[type=submit] {
    float: left;
    width: 66%;
    height: 45px;
    margin-right: 1%;
    color: #fff;
    font-size: 110%;
    font-weight: 400;
    text-transform: uppercase;
    box-sizing: border-box;
    border-radius: 1.5rem;
}
.farm_search form input[type=submit] {
    width: 33%;
    margin: 0;
    background: #71ae39;
    cursor: pointer;
}
.farm_search form input[type=text] {
    border: 1px solid #fff;
    background: rgba(0,0,0,0.35);
}

.farm_list .news-list-item {
    position: relative;
    height: 0;
    padding-bottom: 85%;
    overflow: hidden;
}
.maincontent .width50 .news_searchform + .news-list-container.farm_list,
.maincontent .width50 .news_searchform + .news-list-container.farm_list .news-list-item {
    width: 100%;
    max-width: 450px;
    padding-bottom: 85%;
    clear: both;
    margin-bottom: 30px;
}
.maincontent .width50 .news_searchform + .news-list-container.farm_list::before {
    float: left;
    display: block;
    content: '';
    font-weight: bold;
    width: 100%;
    padding: 20px 0 20px 50px;
    min-height: 40px;
    font-family: 'Indie Flower';
    font-size: 160%;
    font-size: 120%;
    line-height: 100%;
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    background: url('../images/bg_arrow_down.png') left top no-repeat;
}
html[lang=nl-NL] .maincontent .width50 .news_searchform + .news-list-container.farm_list::before {
    content: 'Klik op onderstaande foto voor meer informatie.';
}
html[lang=en-US] .maincontent .width50 .news_searchform + .news-list-container.farm_list::before {
    content: 'For more information, click on the photo below.';
}
html[lang=de-DE] .maincontent .width50 .news_searchform + .news-list-container.farm_list::before {
    content: 'Für weitere Informationen klicken Sie bitte auf das unten stehende Foto.';
}
html[lang=fr-FR] .maincontent .width50 .news_searchform + .news-list-container.farm_list::before {
    content: 'Cliquez sur la photo ci-dessous pour de plus amples informations.';
}
html[lang=it-IT] .maincontent .width50 .news_searchform + .news-list-container.farm_list::before {
    content: 'Cliccate sulla fotografia qui sotto per maggiori informazioni.';
}
.maincontent .farm_list .news-list-item {
    position: relative;
    float: left;
    width: 33.3%;
    margin: 0;
    padding-bottom: 27%;
}
.farm_list .news-list-item .news-list-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.farm_list .news-list-item .news-list-image img {
    width: 100%;
    max-width: 450px;
    height: auto;
}
.farm_list .news-list-item .news-list-text,
.news-single-item .rightcol .farm_info {
    position: absolute;
    left: 5%;
    bottom: 2.5%;
    transition: opacity ease 0.4s;
    opacity: 0;
    z-index: 1;
}
.news-single-item .rightcol .farm_info {
    bottom: 8.5%;
}
.farm_list .news-list-item:hover .news-list-text,
.maincontent .farm_list .news-list-item .news-list-text,
.news-single-item .rightcol .farm_info {
    opacity: 1;
}
.farm_list .news-list-item .news-list-text .location,
.news-single-item .rightcol .farm_info .location {
    float: left;
    width: auto;
    color: #fff;
    text-transform: uppercase;
    background: #71ae39;
    padding: 1% 4%;
    margin: 0 10px 5px 0;
}
.farm_list .news-list-item .news-list-text .number_of_calves,
.news-single-item .rightcol .farm_info .number_of_calves {
    float: left;
    width: auto;
    color: #fff;
    padding: 1% 0  1% 30px;
    background: url('../images/bg_number_of_calves.png') 0 center no-repeat;
}
.farm_list .news-list-item .news-list-text .number_of_calves *,
.news-single-item .rightcol .farm_info .number_of_calves * {
    color: #fff;
}
.farm_list .news-list-item .news-list-text h2 {
    float: left;
    width: 100%;
    color: #fff;
    text-align: left;
}

/* special_banner */

.special_banner {
    position: absolute;
    top: 50%;
    right: 2%;
    width: 30%;
    transform: translate(0,-50%);
}
@media all and (max-width: 1250px) {
    .special_banner {
        top: 5%;
        max-width: 25%;
        transform: none;
    }
}
.special_banner * {
    margin: 0 !important;
}
.special_banner .ce-textpic {
    width: 100%;
}
.about.container {
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    padding: 0 0.75%;
    z-index: 1;
}
.about .block {
    padding-bottom: 24%;
}
.about .block > .frame:first-child {
    padding: 5% 2.5%;
}
.about .block .videocontainer {
    overflow: visible;
}
.about .block iframe {
    box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.4);
}
.about .block_1 .ce-textpic {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 12.5%;
}
.about .block_3 .ce-textpic {
    position: absolute;
    bottom: 2.5%;
    left: -30%;
}
.about .block_3 .ce-textpic * {
    text-align: center;
    clear: unset;
}
.about .block_3 .ce-textpic {
    left: 0;
    bottom: 10px;
    width: 100%;
}
.about .block_3 .ce-textpic .ce-gallery,
.about .block_3 .ce-textpic .ce-textpic .ce-bodytext {
    float: left;
    width: 80%;
}
.about .block_3 .ce-textpic .ce-textpic .ce-bodytext,
.about .block_3 .ce-textpic .ce-textpic .ce-bodytext * {
    text-align: left;
}
.about .block_3 .ce-textpic .ce-gallery {
    width: 20%;
}
.about .beter_leven {
    padding: 30px 15px 0 15px;
    margin: 0 auto;
    max-width: 680px;
}
.about .beter_leven .ce-gallery,
.about .beter_leven .ce-textpic .ce-bodytext {
    display: inline-block;
    margin: 0;
    width: 30%;
}
.about .beter_leven .ce-textpic {
    overflow: hidden !important;
}
.about .beter_leven .ce-textpic .ce-bodytext {
    width: 70%;
    padding-left: 15px;
}
.about .beter_leven .ce-textpic .ce-bodytext h1,
.about .beter_leven .ce-textpic .ce-bodytext h2,
.about .beter_leven .ce-textpic .ce-bodytext h3,
.about .beter_leven .ce-textpic .ce-bodytext h4,
.about .beter_leven .ce-textpic .ce-bodytext h5,
.about .beter_leven .ce-textpic .ce-bodytext h6 {
    font-family: 'HighVoltageRough',Impact,Arial;
    font-weight: normal;
    color: #678b43;
    font-size: 360%;
}
.about .beter_leven .ce-textpic .ce-bodytext::after {
    content: url('../images/beterleven_1ster_x2.jpg');
    display: inline-block;
    transform: translate(-25%,-25%) scale(0.5);
}

/*.about .block_2 .ce-textpic,*/
/*.about .block_2 .ce-gallery,*/
/*.about .block_2 .ce-gallery .ce-row,*/
/*.about .block_2 .ce-gallery .ce-row .ce-column,*/
/*.about .block_2 .ce-gallery .ce-row .ce-column figure.image,*/
/*.about .block_2 .ce-textpic .ce-bodytext {*/
/*    position: relative;*/
/*    height: 100%;*/
/*}*/
/*.about .block_2 .ce-gallery figure img {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*}*/
/*.about .block_2 .ce-gallery * {*/
/*    width: 100% !important;*/
/*}*/
/*.about .block_2 .ce-textpic .ce-bodytext {*/
/*    padding: 5% 2% 0 0;*/
/*}*/
/*.about .block_2 .ce-textpicHeader {*/
/*    float: left;*/
/*    width: 100%;*/
/*    clear: both;*/
/*}*/
/*.about .block_2 .ce-textpicHeader::after {*/
/*}*/
/*.about .block_2 .ce-textpicHeader * {*/
/*    float: left;*/
/*    display: block;*/
/*    width: auto;*/
/*    background: #cece02;*/
/*    padding: 2%;*/
/*    font-size: 110% !important;*/
/*    font-family: 'Nunito', Arial, Helvetica, sans-serif !important;*/
/*    text-transform: uppercase;*/
/*    color: #fff !important;*/
/*    margin: 0 0 15px 0 !important;*/
/*}*/


.container.farm {
    position: relative;
    height: 0;
    padding-bottom: 40%;
    padding-bottom: 45%;
    background: url('../images/bg_home_farm.jpg') center center no-repeat;
    background-size: cover;
    overflow: hidden;
}
.farm * {
    color: #fff;
    text-align: center;
}
.farm .container {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 5% 0 0 0;
}
.farm .contentcontainer > .frame:nth-child(1) header > * > a {
    font-family: 'Nunito', Arial, Helvetica, sans-serif;
    font-size: 160%;
    text-transform: uppercase;
    margin-left: 10px;
}
.farm .contentcontainer > .frame:nth-child(1) header > * > a::before {
    content: url('../images/webcam_icon.png');
    position: relative;
    left: -10px;
    top: 3px;
}
.farm .contentcontainer > .frame:nth-child(2) header {
    width: 90%;
    margin-left: 5%;
    font-size: 170%;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    margin-top: 0;
}
.farm .contentcontainer > .frame:nth-child(2) header > * > a {
}
.farm p {
    margin-top: 20px;
    width: 35%;
    margin-left: 32.5%;
    font-family: 'Indie Flower';
    font-size: 160%;
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
}
.farm .ce-image .ce-inner {
    position: relative;
}
.farm .ce-image .ce-inner .ce-row:nth-child(1) {
    max-width: 470px;
    border: 10px solid #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    transform: rotate(0.5deg);
}
.farm .ce-image .ce-inner .ce-row:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}

/* next */

.subfooter {
    padding: 50px 0;
    background: url('../images/bg_home_farms.jpg') center center;
    background-attachment: fixed;
}
.nextcontent {
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    z-index: 1;
}
.subfooter * {
    text-align: center;
    color: #fff;
}
.subfootertitle {
    padding: 0 0 25px 0;
}
.subfootertitle header * {
    font-size: 360%;
    text-shadow: 3px 1px 1px rgba(0,0,0,0.8);
}
/* boerderijen slider */
.subfooterslider {
    float: left;
}
.subfooterslider .item {
    position: relative;
    margin: 0 5px;
    height: 0;
    padding-bottom: 90%;
}
.subfooterslider .item .title {
    font-size: 120%;
    font-weight: 700;
    text-transform: uppercase;
}
.subfooterslider .item .image {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 85%;
    background-size: cover;
    overflow: hidden;
}
.subfooterslider .item .image .whitebar {
    content: '';
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    bottom: 0;
    background: url('../images/bg_footer.jpg') center top #fdf9e6;
}
.subfooterslider .item .buttoncontainer {
    position: absolute;
    width: 100%;
    bottom: 20%;
    margin-bottom: -20px;
    z-index: 1;
}
.subfooterslider .item .button {
    display: inline-block;
    height: 40px;
    padding: 10px 30px;
    border-radius: 2.0rem;
    background: #71ae39;
    text-transform: uppercase;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}
.owl-buttons div {
    position: absolute;
    bottom: 50%;
    margin-bottom: -25px;
    width: 50px;
    height: 50px;
    background: url('../images/bg_prev_next.png') left center no-repeat;
    background-size: auto 100%;
}
.owl-buttons .owl-prev {
    left: 1.5%;
}
.owl-buttons .owl-next {
    right: 1.5%;
    background-position: right center;
}
.rightcol.width50 .videocontainer + .news-single-img.owl-carousel .owl-buttons div {
    bottom: 30%;
}

/* open dagen slider / waar te koop (content-elementen) */
.subfooterslidercms,
.subfootersliderproducten {
    margin-bottom: 25px;
}
.subfooterslidercms .owl-item,
.subfootersliderproducten .owl-item {
    padding: 0 5px;
}
.subfooterslidercms .owl-item .frame,
.subfootersliderproducten .owl-item .frame {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
}
.subfooterslidercms .owl-item header,
.subfootersliderproducten .owl-item header {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 22.5%;
    padding: 2%;
    background: #fff;
}
.subfooterslidercms .owl-item header *,
.subfootersliderproducten .owl-item header * {
    font-family: 'Nunito', Arial, Helvetica, sans-serif !important;
    text-align: left;
    text-transform: uppercase;
    font-size: 120%;
    line-height: 100%;
    font-weight: 700;
    color: #000;
}
.subfooterslidercms .owl-item .ce-textpic,
.subfootersliderproducten .owl-item .ce-textpic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 77.5%;
    background: #fff;
    overflow: hidden;
}
/* subfooter recepten */
.subfooter .blocks_3_cols .news-list-item {
    position: relative;
    float: left;
    width: 30.3%;
    margin: 0 1.5%;
    height: 0;
    padding-bottom: 22%;
}
.subfooter .blocks_3_cols .news-list-item * {
    text-align: left;
}

.toprightimage,
.rightcontent {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

/* farms */

.info,
.info div {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.info div span.label,
.info div dd,
.info div dl {
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 5px;
}
.info div {
    padding-left: 55px;
    /*	background: url('../images/sprite.png') 0 0 no-repeat; */
}
.info .numberofcalves {
    background-position: 0px -100px;
}
.info .code {
    background-position: 0px -300px;
}


/* powermail */

.tx-powermail {
    width: 100%;
}
.tx-powermail .powermail_fieldset {
    background: none;
    padding: 0;
    border: none;
    margin-bottom: 20px;
}
.tx-powermail .powermail_fieldset .powermail_legend {
    display: none;
}
.tx-powermail .powermail_fieldset .powermail_label {
    width: auto;
}

/* teflon = poison */

a.button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: rgba(255,255,255,0.4);
    transition: all ease 0.6s;
}
a.button:hover::before {
    width: 100%;
    left: 0;
}
.mainmenu li.level3,
.mainmenu li.level4 {
    position: relative;
}
.mainmenu li.level2::before,
.mainmenu li.level3::before,
.mainmenu li.level4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background: rgba(139,204,78,0.8);
    transition: width ease 0.6s;
}
.mainmenu li.level2.hassub::before,
.mainmenu li.level3.hassub::before {
    left: auto;
    right: 0;
}
.mainmenu li.level2:hover::before,
.mainmenu li.level3:hover::before,
.mainmenu li.level4:hover::before {
    width: 100%;
}
.mainmenu li.level2 a,
.mainmenu li.level3 a,
.mainmenu li.level4 a {
    position: relative;
    z-index: 5;
}
.subfooterslider .item .image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(0,0,0,0.25);
    transition: height ease 1s;
}
.subfooterslider .item:hover .image::after {
    height: 100%;
}

/* recipesearch */

.tx-recipes-search {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.tx-recipes-search label,
.tx-recipes-search .amountofpeople {
    display: none;
}
.tx-recipes-search .control-group {
    float: left;
    width: 25%;
    line-height: 100%;
    padding-right: 20px;
}
.tx-recipes-search .control-group.textfield {
    width: 50%;
}
.tx-recipes-search .control-group.culinary {
    padding: 15px 10px 20px 10px;
    display: none;
}
.tx-recipes-search label.checkbox-label {
    display: inline-block !important;
    width: calc(100% - 20px);
    font-weight: bold;
    line-height: 16px !important;
}
.tx-recipes-search .control-group.submit {
    float: right;
}
.tx-recipes-search .control-group input[type=text],
.tx-recipes-search .control-group select,
.tx-recipes-search .control-group input[type=submit] {
    width: 100%;
}
@media all and (max-width: 1024px) {
    .tx-recipes-search .control-group {
        width: 33.33%;
    }
    .tx-recipes-search .control-group.textfield {
        width: 66.66%;
    }
}
@media all and (max-width: 768px) {
    .tx-recipes-search .control-group {
        width: 50%;
    }
    .tx-recipes-search .control-group.textfield {
        width: 100%;
    }
}
@media all and (max-width: 551px) {
    .tx-recipes-search .control-group {
        width: 100%;
        padding-right: 0;
    }
    .tx-recipes-search .control-group.submit {
        float: left;
    }
}

/* forms */

.campaignmonitor input[type=text],
.campaignmonitor input[type=email],
.campaignmonitor input[type=submit],
input[type=text],
input[type=email],
input[type=number],
input[type=file],
input[type=tel],
input[type=date],
input[type=password],
select,
textarea,
input[type=submit],
.tx-powermail input[type=text],
.tx-powermail input[type=mail],
.tx-powermail input[type=number],
.tx-powermail input[type=file],
.tx-powermail input[type=tel],
.tx-powermail input[type=date],
.tx-powermail input[type=password],
.tx-powermail select,
.tx-powermail textarea,
.powermail_check_outer,
.powermail_radio_outer,
.tx-powermail input[type=submit],
button.g-recaptcha {
    width: 100%;
    height: 42px;
    font-size: 120%;
    padding: 7px 2.5%;
    color: #000;
    background-color: #fff;
    border: 1px solid #71ae39;
    border-radius: 1.5rem !important;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.tx-powermail input[type=submit],
button.g-recaptcha {
    width: auto;
    min-width: 200px;
}
.tx-powermail textarea {
    font-family: 'Nunito', Arial, Helvetica, sans-serif;
    height: auto;
    font-size: 120% !important;
}
.checkbox input,
.radio input {
    margin-top: 5px;
}

/* powermail errors */

.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {
    background-color: #fff;
    border-color: #A94442;
    box-shadow: inset 0 0 10px rgba(204,0,0,0.15);
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap .parsley-errors-list {
    width: 100%;
    border-radius: 1.5rem;
}
.tx-powermail .powermail_fieldset .powermail_fieldwrap:not(.powermail_fieldwrap_type_check):not(.powermail_fieldwrap_type_radio) .parsley-errors-list {
    margin-top: -10px;
}

/*.tx-recipes-search input[type=text],*/
/*.tx-recipes-search input[type=email],*/
/*.tx-recipes-search select,*/
/*.tx-recipes-search input[type=submit] {*/
/*    float: left;*/
/*    width: 23.5%;*/
/*    margin-left: 2%;*/
/*}*/
/*.tx-recipes-search input[type=text],*/
/*.tx-recipes-search input[type=email] {*/
/*    margin-left: 0;*/
/*}*/
/*.tx-recipes-search select {*/
/*}*/
/*.tx-recipes-search select option {*/
/*}*/
/*.tx-recipes-search select option:nth-child(1) {*/
/*}*/
input[type=submit],
.campaignmonitor input[type=submit],
.tx-powermail input[type=submit],
.tx-recipes-search input[type=submit],
.tx-powermail .powermail_fieldset .powermail_field.powermail_submit,
button.g-recaptcha {
    -webkit-appearance: none;
    background: none;
    background: #000;
    padding: 0 20px;
    color: #fff;
    text-align: center;
    border: 0px solid transparent !important;
    cursor: pointer;
}
.campaignmonitor input[type=text],
.campaignmonitor input[type=email],
.campaignmonitor input[type=submit] {
    padding: 0 20px;
    margin: 0 0 10px 0;
}
#mc_embed_signup {
    background: none !important;
}
#mc_embed_signup form {
    padding: 0 !important;
}
#mc_embed_signup ul {
    list-style: none;
}
#mc_embed_signup ul input[type=radio] {
    margin: 3px 7px 0 0;
}
#mc_embed_signup input[type=submit] {
    width: auto;
    text-transform: uppercase;
    background: #000;
}

/* newsletter overview */

.separate_tab {
    margin-top: 25px;
}
.separate_tab > .frame {
    display: none;
}

/* recipe list */

/*.recipe_list p:first-child {*/
/*    display: none;*/
/*}*/
.recipe_list,
.recipe_list .f3-widget-paginator {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.recipe_list ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0 0 25px 0;
}
.recipe_list .recipes li {
    position: relative;
    float: left;
    width: 33.3%;
    height: 0;
    background: #fff;
    padding-bottom: 20.9%;
}
.recipe_list .recipes li a:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.recipe_list .recipes li a:nth-child(2) {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 2.5% 5% !important;
    margin: 0;
    height: auto;
    font-size: 120% !important;
    line-height: 120%;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    background: rgba(0,0,0,0.25);
    transition: height ease 0.4s;
    z-index: 1;
}
.container.recipes .recipe_list .recipes li.item a:nth-child(2) {
    background: none;
}
.recipe_list .recipes li a:nth-child(1)::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    transition: height ease 0.4s;
    background: rgba(0,0,0,0.25);
}
.recipe_list .recipes li:hover a:nth-child(1)::after {
    height: 100%;
}

/* recipe single view */

.recept .width75,
.recept .width25 {
    float: left;
    width: 73%;
    padding-bottom: 100px;
}
.recept .width25.rightcol {
    width: 23%;
    float: right;
    display: block !important;
    margin: 0 !important;
}
.recept .image_container {
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);
    margin-bottom: 25px;
}
.recept .image_container .image,
.recept .image_container .news-single-img {
    float: left;
    width: 67%;
}
@media all and (min-width: 640px) {
    .recept .image_container {
        display: flex;
        flex-direction: row;
    }
    .recept .image_container .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* NEW */
.recipe-col.recipe-col-properties {
    float: left;
    width: 33%;
    padding: 15px 5px 0 20px;
    box-sizing: border-box;
}
.recipe-col.recipe-col-properties .cell {
    width: 100%;
}
@media screen and (max-width: 640px) {
    .recipe-col.recipe-col-properties {
        width: 100%;
    }
    .recipe-col.recipe-col-properties .cell {
        width: 50%;
    }
}
@media screen and (max-width: 550px) {
    .recipe-col.recipe-col-properties .cell {
        width: 100%;
    }
}

/* OLD */
.recept .image_container .recipe_properties {
    float: left;
    width: 33%;
    padding: 15px 5px 0 20px;
    box-sizing: border-box;
}
.recipe_properties * {
    font-size: 14px;
}
.recipe_properties .cell {
    float: left;
    width: 100%;
    padding: 5px 0;
}
.recipe_properties .cell::before {
    content: '';
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background: url('../images/bg_recipe_sprite.png') center 0 no-repeat;
}
.recipe_properties .cell#recipe-info-recipeYield::before {
    background-position: center 0;
}
.recipe_properties .cell#recipe-info-niceTime::before {
    background-position: center -50px;
}
.recipe_properties .cell#recipe-info-mainProduct::before {
    background-position: center -100px;
}
.recipe_properties .cell#recipe-info-difficulty::before {
    background-position: center -150px;
}
.recipe_properties .cell#recipe-info-cookingMethod::before {
    background-position: center -300px;
}
.recipe_properties .cell#recipe-info-calories::before {
    background-position: center -200px;
}
.recipe_properties .cell#recipe-info-source::before {
    background-position: center -250px;
}
.recipe_properties .cell label,
.recipe_properties .cell .value {
    float: left;
    width: calc(100% - 40px);
}
.recipe_properties .cell label {
    font-weight: bold;
}
/* OLD - END */

.recept .image,
.recept .image img,
.recept .news-single-img,
.recept .news-single-img img {
    float: left;
    width: 100%;
    height: auto;
}
.recept .preparation {
    float: left;
    width: 100%;
    line-height: 175%;
}
.recept .preparation h3 {
    text-transform:unset;
    margin-bottom: 5px;
}
.recept .preparation h3 + p {
    margin-bottom: 0;
}
ul.tx-vealrecipes-ingredientslist {
    list-style: none;
    margin-left: 0;
}
ul.tx-vealrecipes-ingredientslist input {
    margin: 3px;
}

/* recipes additions */

.frame-150 {
    display: inline-block;
    width: 100%;
}
.frame-150 ul,
.frame-150 ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.frame-150 ul li {
    display: inline-block;
}
.frame-150 ul li a {
    display: inline-block;
    color: #fff;
    background: #71ae39;
    padding: 2.5px 10px;
    border-radius: 1.5rem;
    margin: 10px 10px 0 0;
}
.frame-150 ul li:nth-child(2n) a {
    background: #000;
}

/* social icons in detail view */

.socialsharebuttons {
    width: 100%;
    margin-top: 20px;
}
.socialsharebuttons a {
    text-decoration:none;
    display:inline-block;
    width:27px;
    height:27px;
    margin:0 10px 10px 0;
    padding:0px;
    background-repeat:no-repeat;
    background-position: 0 -30px;
    overflow: hidden;
}
.socialsharebuttons a.twitter {
    background-image: url(../images/icons/twitter.png);
}
.socialsharebuttons a.facebook {
    background-image: url(../images/icons/facebook.png);
}
.socialsharebuttons a.pinterest {
    background-image: url(../images/icons/pinterest.png);
}
.socialsharebuttons a.whatsapp {
    background-image: url(../images/icons/whatsapp.png);
}
.socialsharebuttons a:hover {
    opacity: 0.6;
}
.socialsharebuttons a.copy_url {
    background-image: url(../images/icons/share.png);
    cursor: pointer;
}
.show_copy_url {
    width: 100%;
    opacity: 0;
}
.show_copy_url textarea {
    width: 100%;
    font-size: 90% !important;
    padding: 0;
    border: none !important;
    border-radius: 0 !important;
    background: none;
}
.show_copy_url label {
    width: 100%;
}
.show_copy_url a.button {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 0 5px;
    margin: 3px 0 0 10px;
    color: #000 !important;
    line-height: 16px;
    font-size: 12px !important;
    background: #fff;
    cursor: pointer;
    transition: all ease 0.4s;
}
.show_copy_url a.button:hover {
    color: #fff !important;
    background: #020203;
}

/* news and recipe lists */

.maincontent .farm_list .news-list-item,
.realnews .news-list-item,
.recipes_block .news-list-container .news-list-item,
.recipe_list .recipes li {
    width: 31.3%;
    margin: 0 0 20px 0;
}
.maincontent .farm_list .news-list-item:nth-child(3n+2),
.realnews .news-list-item:nth-child(3n+2),
.recipes_block .news-list-container .news-list-item:nth-child(3n+2),
.recipe_list .recipes li:nth-child(3n+2) {
    margin: 0 3% 20px 3%;
}

/* in preparations */

.recipes_block .news-list-item .news-list-text {
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 2.5%;
    z-index: 1;
}
.recipes_block .news-list-item .news-list-text h2 {
    margin: 0;
}
.recipes_block .news-list-item .news-list-text a {
    display: block;
    width: 100%;
}

/* recipes special lists (bloggers) */

body.special_recipes .news-list-item .news-list-text .date {
    display: none;
}

/* page navigation */

.tx-ttnews-browsebox {
    float: left;
    width: 100%;
}
.recipe_list .f3-widget-paginator li {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #71ae39;
}
.tx-ttnews-browsebox td {
    padding: 0 10px 10px 0;
}
.recipe_list .f3-widget-paginator li {
    margin: 0 10px 10px 0;
}
.recipe_list .f3-widget-paginator li.current,
.recipe_list .f3-widget-paginator li a,
.tx-ttnews-browsebox td a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 1.6rem;
    line-height: 32px;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    color: #71ae39;
    transition: background-color ease 0.4s;
    border: 1px solid #71ae39;
}
.recipe_list .f3-widget-paginator li.current {
    font-size: 100%;
}
.recipe_list .f3-widget-paginator li a:hover,
.tx-ttnews-browsebox td a:hover {
    background: rgba(0,0,0,0.25);
}
.recipe_list .f3-widget-paginator li.current,
.tx-ttnews-browsebox td.tx-ttnews-browsebox-SCell a {
    color: #fff;
    background: #71ae39;
}

/* lightbox */
#sd-lightbox {
    background: rgba(0, 0, 0, 0.8);
}

/* voedingswaardentabellen */

table.ce-table-nutricionvalues {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
table.ce-table-nutricionvalues th,
table.ce-table-nutricionvalues td {
    font-size: 13px;
    text-align: left;
    vertical-align: top;
    padding: 2px 10px 2px 0;
    border-bottom: 1px dotted #ccc;
    hyphens: auto;
}
@media all and (max-width: 900px) {
    table.ce-table-nutricionvalues th,
    table.ce-table-nutricionvalues td {
        font-size: 13px;
        hyphens: none;
    }
}
table.ce-table-nutricionvalues th {
    border-bottom: 1px solid #ccc;
}
table.ce-table-nutricionvalues td {
    /*	border-right: 1px dotted #ccc; */
}
.nutricionvalueswrapper {
    width: 100%;
    overflow-x: auto;
}

/* videos via tt_news */

.video_item {
    float: left;
    width: 100%;
    margin-bottom: 45px;
}
.videocontainer .video_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
.videocontainer .video_image a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.videocontainer .video_image img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0,-50%);
}

/* kalfsvlees bereiden nieuwe layout */

div[data-ce-columns="3"] .ce-column {
    max-width: calc(33% - 7.5px);
}

.preparationmenu {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px 3%;
}

.preparationmenu .item {
    position: relative;
    height: 0;
    background: #fff;
    overflow: hidden;
}
.preparationmenu .item > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.preparationmenu .item .image {
    width: 100%;
    object-fit: cover;
}
.preparationmenu .item p.title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 5% 5% 2.5% 5% !important;
    margin: 0;
    font-size: 175% !important;
    line-height: 110%;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    background: rgba(0,0,0,0.25);
    transition: height ease 0.4s;
    z-index: 1;
    font-family: 'HighVoltageRough',Impact,Arial;
    font-weight: normal;
    text-transform: uppercase;
}
.preparationmenu .item > a:nth-child(2)::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    transition: height ease 0.4s;
    background: rgba(0,0,0,0.25);
}
.preparationmenu .item:hover > a:nth-child(2)::after {
    height: 100%;
}
@media all and (min-width: 901px) {
    .preparationmenu .item {
        width: 31.3%;
        padding-bottom: 20.9%;
    }
}
@media all and (min-width: 501px) and (max-width: 900px) {
    .preparationmenu .item {
        width: 48.5%;
        padding-bottom: 32%;
    }
}
@media all and (max-width: 500px) {
    .preparationmenu .item {
        width: 100%;
        padding-bottom: 66.6%;
    }
}
.preparations .recipes_block .tx-recipes {
    /*display: none;*/
}

/* next */

.contentcontainer > .normalcontent > .frame {
    float: left;
    width: 100%;
}
.contentcontainer > .normalcontent > .frame.half-wide-element {
    width: calc(50% - 15px);
    margin-top: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .contentcontainer > .normalcontent > .frame.half-wide-element {
        width: 100%;
    }
}

.two2one .leftcol.width50 {
    display: none;
}
.two2one .rightcol.width50 {
    width: 100%;
    margin-left: 0;
}

/* iframe popup */

.popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.75);
    z-index: 10;
    display: none;
}
.popup_overlay .popup {
    position: absolute;
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    padding: 10px;
    background: #fff;
}
.popup_overlay .popup.videopopup {
    top: 50%;
    left: 50%;
    width: calc(100vw * 0.90 + 30px);
    height: calc(56.25vw * 0.90 + 30px);
    transform: translate(-50%,-50%);
}
.popup_overlay .popup.videopopup.too_high {
    width: calc(177.78vh * 0.90 + 30px);
    height: calc(100vh * 0.90 + 30px);
}
.popup_overlay .popup iframe {
    position: absolute;
}
.popup_overlay .popup.videopopup iframe {
    position: absolute;
    border: 15px solid #fff;
}
.popup_overlay .popup_close {
    position: fixed;
    top: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: #c00;
    border: 2px solid #020203;
    cursor: pointer;
    transition: all ease 0.4s;
}
.popup_overlay .popup_close::before,
.popup_overlay .popup_close::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #fff;
    transition: all ease 0.4s;
    transform: translate(-50%,-50%) rotate(45deg);
}
.popup_overlay .popup_close::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}
.popup_overlay .popup_close:hover {
    background: #020203;
}
.popup_overlay .popup_close:hover::before,
.popup_overlay .popup_close:hover::after {
    background: #fff;
    transform: translate(-66%,-320%) rotate(-45deg);
}
.popup_overlay .popup_close:hover::after {
    background: #fff;
    transform: translate(-66%,+320%) rotate(+45deg);
}
.popup_overlay .popup iframe.popup_iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

/* recipes in iframe */

.iframed .outsidewrapper > *:not(.nextcontent),
.iframed .tx-vealrecipes-buttons > .button:first-child {
    display: none;
}

@media print {
    nav.menu,
    .scrollupbutton,
    .socialicons,
    .socialsharebuttons,
    .tx-vealrecipes-buttons,
    .content_container.recipesearch,
    .footer,
    .recipe_properties .cell::before,
    .recipe_properties .frame,
    .recipe_properties .socialsharebuttons {
        display: none !important;
    }
    body {
        font-size: 10pt;
    }
}

/* linkinbio page */

.linkinbio .maincontent * {
    text-align: center;
}
.linkinbio .maincontent header *:first-child {
    font-size: 32px;
    margin-bottom: 25px;
}
.linkinbio .maincontent header *:nth-child(2) {
    margin-bottom: 50px;
}
.linkinbio .maincontent a {
    text-decoration: none !important;
    transition: all ease 0.4s;
}
.linkinbio .maincontent a:hover {
    color: #71ae39;
}
.linkinbio .maincontent a[target*=_blank]::after {
    display: none;
}
.linkinbio .maincontent img {
    width: 150px;
    height: 150px;
    border-radius: 75px;
}
.linkinbio .maincontent ul {
    display: inline-block;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.linkinbio .maincontent ul li {
    display: block;
    margin: 0 0 15px 0;
}
.linkinbio .maincontent ul li a {
    font-size: 115% !important;
    display: block;
    padding: 10px 25px;
    border: 1px solid #000;
}
.linkinbio .maincontent ul li a:hover {
    color: #fff;
    background: #71ae39;
}

/* recipes - quick fix to un-number the steps in preparation */

.preparation-instructions ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
.preparation-instructions ol li {
    display: inline;
}
.preparation-instructions ol li p {
    /*display: inline;*/
    margin-bottom: 0;
}
/* TEST recipes in 2 columns in French site */

/* left */

/*html[lang=fr] .recipesearch .frame#c32 {*/
/*    width: 25%;*/
/*}*/
/*html[lang=fr] .recipesearch .frame#c32 > header {*/
/*    width: 400%;*/
/*}*/
/*html[lang=fr] .recipesearch .frame#c32 .tx-recipes-search .control-group {*/
/*    width: 100% !important;*/
/*}*/
/*html[lang=fr] .recipesearch .frame#c32 .tx-recipes-search .control-group input[type=text],*/
/*html[lang=fr] .recipesearch .frame#c32 .tx-recipes-search .control-group select,*/
/*html[lang=fr] .recipesearch .frame#c32 .tx-recipes-search .control-group input[type=submit] {*/
/*    height: 32px;*/
/*    font-size: 100%;*/
/*    border-radius: 0 !important;*/
/*}*/

/* right */

/*html[lang=fr] .recipesearch .frame#c29 {*/
/*    width: 75%;*/
/*    padding-top: 62px;*/
/*}*/
/*html[lang=fr] .recipesearch .frame#c29 > header {*/
/*    display: none;*/
/*}*/
/*html[lang=fr] .recipesearch .frame#c29 .recipe_list ul.recipes {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*}*/
/*html[lang=fr] .recipesearch .frame#c29 .recipe_list ul.recipes li {*/
/*    height: auto;*/
/*    padding: 0;*/
/*    background: #fff;*/
/*}*/
/*html[lang=fr] .recipesearch .frame#c29 .recipe_list ul.recipes li a {*/
/*    position: static !important;*/
/*    display: inline-block;*/
/*    height: auto;*/
/*    margin: 0;*/
/*    overflow: visible;*/
/*}*/
/*html[lang=fr] .recipesearch .frame#c29 .recipe_list ul.recipes li a:first-child {*/
/*    position: relative !important;*/
/*    height: 0;*/
/*    padding-bottom: 70%;*/
/*}*/
/*html[lang=fr] .recipesearch .frame#c29 .recipe_list ul.recipes li a:first-child img {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/
/*html[lang=fr] .recipesearch .frame#c29 .recipe_list ul.recipes li a:nth-child(2) {*/
/*    font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
/*    font-size: 100% !important;*/
/*    font-weight: bold;*/
/*    text-transform: unset;*/
/*    color: #000;*/
/*    text-shadow: none;*/
/*    padding: 5% !important;*/
/*    background: none;*/
/*}*/