@charset 'utf-8';
@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url('./fonts/MaterialIcons-Outlined.woff2') format('woff2');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url('./fonts/opensans-light.eot?v=1.1.0');src:url('./fonts/opensans-light.eot?#iefix&v=1.1.0') format('embedded-opentype'),url('./fonts/opensans-light.woff2?v=1.1.0') format('woff2'),url('./fonts/opensans-light.woff?v=1.1.0') format('woff'),url('./fonts/opensans-light.ttf?v=1.1.0') format('truetype'),url('./fonts/Light/opensans-light.svg?v=1.1.0#Light') format('svg');} 

:root{
	--button-active:#4a5f69;
	--button-active-hover:#29434e;
	--button-inactive:#ffffff;
	--button-inactive-hover:#29434e;
	--cta-active:#43a047;
	--cta-active-hover:#43a047;
	/*--border: #858585;
	--border-light: #d9d9d9;
	--cta-active:#f64a40;
	--cta-active-hover: #770234;
	--cta-disabled: #bdbdbd;
	--cta-disabled-hover: #bdbdbd;
	--cta-inactive: #d8dddf;
	--cta-inactive-hover: #f71e57;
	--navigation-inactive: #858585;
	--navigation-background: #770234;
	--notify-ok: #2cd997;
	--notify-neutral: #ff9100;
	--notify-nok: #ff0404;
	--notify-neutral_nok: #f3c41e;
	--off-white: #f5f5f5;
	--text-disabled: #d9d9d9;
	--text-inactive: #858585;*/
	--text-active: #212121;
	--white: #ffffff;
}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{text-rendering:optimizeLegibility;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0px;margin:0px;padding:0px;vertical-align:baseline;}
ol,ul,li{border:0px;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block;}

body{background-color:#ffffff;}

h1{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:21px;line-height:100%;padding:0px;padding-top:12px;}
h2{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:21px;line-height:100%;padding:0px;padding-top:12px;}
h3{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:15px;line-height:150%;padding:0px;padding-top:12px;}
html,body,button,input,li,optgroup,p,select,textarea{font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#212121;font-size:15px;line-height:150%;}
button,input,li,optgroup,p,select,textarea{line-height:150%;}
input,select,textarea{padding:6px 12px;}
p{padding-top:15px;}

a,button,div,nav{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
a{text-decoration:none;}
a{color:#43a047;}
a:hover{color:#546e7a;}

input[type=checkbox]{display:none;}
input[type=checkbox]+label{background-color:var(--white);border:1px solid var(--cta-inactive);border-radius:24px;color:var(--text-active);cursor:pointer;display:inline-block;margin:3px;padding:6px 12px 6px 30px;position:relative;}
input[type=checkbox]+label:hover{background-color:var(--cta-inactive-hover);border:1px solid var(--cta-inactive-hover);color:var(--white);}
input[type=checkbox]:checked+label{background-color:var(--cta-active);border:1px solid var(--cta-active);color:var(--white);}
input[type=checkbox]+label::before{color:var(--text-active);content:'\e835';direction:ltr;font-family:'Material Icons';font-size:18px;font-style:normal;font-weight:normal;left:9px;letter-spacing:normal;position:absolute;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;top:8px;}
input[type=checkbox]+label:hover::before{color:var(--white);}
input[type=checkbox]:checked+label::before{color:var(--white);content:'\e834';}

input[type=radio]{display:none;}
input[type=radio]+label{background-color:var(--white);border:1px solid var(--button-inactive);border-radius:24px;color:var(--text-active);cursor:pointer;display:inline-block;margin:3px;padding:6px 12px 6px 30px;position:relative;}
input[type=radio]+label:hover{background-color:var(--button-inactive-hover);border:1px solid var(--button-inactive-hover);color:var(--white);}
input[type=radio]:checked+label{background-color:var(--button-active);border:1px solid var(--button-active);color:var(--white);}
input[type=radio]+label::before{color:var(--text-active);content:'\e836';direction:ltr;font-family:'Material Icons';font-size:18px;font-style:normal;font-weight:normal;left:9px;letter-spacing:normal;position:absolute;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;top:7px;}
input[type=radio]+label:hover::before{color:var(--white);}
input[type=radio]:checked+label::before{color:var(--white);content:'\e837';}

textarea, input[type=email], input[type=tel], input[type=text], .dc-text-filter-input, select{border:none;border-radius:6px;width:100%;}

nav ol, nav ul{list-style:none;margin:0px;padding:0px;padding-top:12px;}
sup{font-size:12px;vertical-align:super;}

th{text-align:left;}

#page{position:relative;}

#header{font-size:18px;height:120px;left:0px;position:fixed;top:0px;width:100%;z-index:60;}
#header_content{margin:0 auto;max-width:1080px;position:relative;vertical-align:middle;width:100%;z-index:62;}
#header_logo{display:inline-block;margin-top:30px;position:relative;width:240px;z-index:63;}
#header_logo img{height:60px;}
#header_menu_middle{max-width:600px;position:absolute;right:0px;top:30px;width:calc(100% - 240px);}
#header_menu_middle .flex_container{max-width:600px;width:100%;}
#header_menu_middle .flex_item{line-height:60px;text-align:center;}
#header_menu_middle a{color:#00c853;}
#header_menu_middle a:hover,#header_menu_middle a.active{color:#ffffff;}
#header_menu_right{display:none;right:12px;position:absolute;top:15px;white-space:nowrap;z-index:63;}
#header_menu_right a{color:#ffffff;line-height:100%;margin-left:6px;text-align:center;}
#header_menu_right a:hover,#header_menu a.active{color:#546e7a;}
#header_menu_right a span.material_icons{font-size:30px;line-height:30px;padding:0px;}
#header_background{height:120px;left:0px;position:absolute;top:0px;width:100%;z-index:61;}
#header_background{background-color:transparent;}

#header.active{height:82px;}
#header.active #header_logo{margin-top:6px;}
#header.active #header_menu_middle{top:6px;}
#header.active #header_background{background-color:#29434e;height:82px;}

#main{margin:0px;position:relative;z-index:10;}

#intro{background-color:#29434e;height:calc(50vh - 24px);max-height:540px;width:100%;}
#intro{background-attachment:fixed;background-image:url('../img/cows-crops-and-data-safe.webp');background-position:50% 100%;background-repeat:no-repeat;background-size:cover;min-height:420px;}
	#intro .box{height:100%;margin:0px auto;max-width:960px;min-height:420px;position:relative;}
	#intro .content{position:absolute;top:50%;transform:translate(0%,calc(-50% + 45px));}
	#intro h1{color:#ffffff;font-size:48px;line-height:100%;}
	#intro h2{color:#ffffff;font-size:24px;font-weight:normal;line-height:100%;}
	#intro p{line-height:100%;padding-top:36px;}
	#intro a{color:#00c853;font-size:24px;font-weight:bold;line-height:100%;padding:6px;}
	#intro a:hover{color:#ffffff;}
	#intro .material_icons{border:1px solid #ffffff;border-bottom:3px solid #ffffff;border-radius:50%;padding:6px;vertical-align:initial;}

.intro_sub{background-color:#29434e;height:calc(50vh - 24px);max-height:540px;width:100%;}
.intro_sub{background-attachment:fixed;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;min-height:420px;}
	#dggk{background-image:url('../img/female-farmer-with-cows.jpg');}
	#dggk_demo{background-image:url('../img/naw-demo-bedrijf-tjerk-hof-en-greet-ruitenberg.jpg');}
	.intro_sub .box{height:100%;margin:0px auto;max-width:960px;min-height:420px;position:relative;}
	.intro_sub .content{position:absolute;top:50%;transform:translate(0%,calc(-50% + 45px));}
	.intro_sub h1{color:#ffffff;font-size:36px;line-height:100%;}
	.intro_sub h2{color:#ffffff;font-size:24px;font-weight:normal;line-height:100%;}
	.intro_sub p{line-height:100%;padding-top:36px;}
	.intro_sub a{color:#00c853;font-size:24px;font-weight:bold;line-height:100%;padding:6px;}
	.intro_sub a:hover{color:#ffffff;}
	.intro_sub .material_icons{border:1px solid #ffffff;border-bottom:3px solid #ffffff;border-radius:50%;padding:6px;vertical-align:initial;}

.light_grey{background-color:#d8dddf;}
	.light_grey .box{margin:0px auto;max-width:960px;padding-bottom:24px;}
.medium_grey{background-color:#8f9ca2;}
	.medium_grey .box{margin:0px auto;max-width:960px;padding-bottom:24px;}
.dark_grey{background-color:#4a5f69;}
.white{background-color:#ffffff;}
	.white .box{margin:0px auto;max-width:960px;}
	.white .youtube{aspect-ratio:16 / 9;margin-left:10%;margin-top:24px;width:80%;}

#footer{font-size:15px;padding:0px 12px;}
	#footer a:hover,#foter a.active{color:var(--white);}
	#footer h2,#footer p{color:var(--white);}
	#footer .flex_container{margin:0 auto;max-width:960px;padding-top:24px;position:relative;width:100%;}
	#footer .copyright p{padding-bottom:12px;text-align:right;}

#app_menu{bottom:0px;font-size:15px;height:48px;left:0px;position:fixed;width:100%;z-index:50;}
#app_menu .flex_container{height:72px;margin:0 auto;max-width:600px;position:relative;width:100%;z-index:53;}
#app_menu a{color:#546e7a;line-height:100%;text-align:center;}
#app_menu a:hover,#app_menu a.active{color:#43a047;}
#app_menu a span.material_icons{font-size:36px;line-height:36px;padding-top:6px;}
#app_menu a span.title{display:none;font-size:12px;line-height:12px;padding-top:6px;}
#app_menu .flex_item{flex-basis:20%;}
#app_menu_background{height:72px;left:0px;position:absolute;top:0px;width:100%;z-index:52;}
#app_menu_background{background-color:#ffffff;border-top:1px solid #cfd8dc;}

#bottom_menu{background-color:#ffffff;bottom:0px;border-top-left-radius:24px;border-top-right-radius:24px;display:none;font-size:15px;left:50%;max-width:600px;position:fixed;transform:translate(-50%);width:100%;z-index:80;}
#bottom_menu nav{margin:15px 15px 0px 15px;text-align:left;}
#bottom_menu nav a{color:#9e9e9e;}
#bottom_menu nav a:hover{color:#000000;}
#bottom_menu_title h2{color:#9e9e9e;padding-top:0px;text-align:center;}
#bottom_menu_content .form_row:first-of-type{margin-top:15px;}
#bottom_menu_content .form_row:last-of-type{margin-bottom:45px;}
#bottom_menu_button{border-top:1px solid #e0e0e0;height:96px;position:relative;}
#bottom_menu_button button{box-shadow:0px 1px 2px 0px rgba(0,0,0,0.3);left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);}
#bottom_sub_menu{display:none;}

#bottom_sub_menu{background-color:#ffffff;bottom:0px;border-top-left-radius:24px;border-top-right-radius:24px;display:none;font-size:15px;left:50%;max-width:600px;position:fixed;transform:translate(-50%);width:100%;z-index:85;}
#bottom_sub_menu_nav{margin:15px 15px 0px 15px;text-align:left;}
#bottom_sub_menu_content h2{color:#9e9e9e;padding-top:0px;text-align:center;}
#bottom_sub_menu_content nav{margin:15px 15px 30px 15px;text-align:center;}
#bottom_sub_menu_content .material_icons{font-size:30px;}

#mask{background-color:rgba(0,0,0,0.3);display:none;height:100%;left:0px;position:fixed;top:0px;width:100%;z-index:70;}
#mask_sub{background-color:rgba(0,0,0,0.3);display:none;height:100%;left:0px;position:fixed;top:0px;width:100%;z-index:80;}

#popup{background-color:var(--white);border:1px solid #d8dddf;border-radius:12px;display:none;padding:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:90;}

#farmer_data_safe_apps .flex_container{gap:12px;justify-content:flex-start;padding-bottom:36px;margin-top:15px;}
#farmer_data_safe_apps .flex_item {order:0;width:180px;}
#farmer_data_safe_apps .safe_app{background-color:rgba(84,110,122,0.1);border:1px solid;border-radius:9px;border-color:#546e7a;color:#546e7a;height:100%;max-width:120px;padding:6px 12px;white-space:normal;width:100%;}
#farmer_data_safe_apps .safe_app .material_icons {font-size:48px;}
#farmer_data_safe_apps .flex_item .safe_icon{display:block;line-height:48px;height:48px;text-align:center;}
#farmer_data_safe_apps .flex_item .safe_title{display:block;text-align:center;}
#farmer_data_safe_apps .safe_app_description{width:100%;}
#farmer_data_safe_apps .safe_app_description p:first-of-type{padding-top:0px;}
@media only screen and (min-width:300px){
	#farmer_data_safe_apps .safe_app_description{max-width:calc(100% - 120px - 12px);}
}

.box{display:block;padding:12px;width:100%;}

.button{border:none;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;cursor:poOpen Sans;display:inline-block;line-height:100%;padding:6px 12px;-o-text-overflow:clip;text-overflow:clip;white-space:nowrap;}
.button .material_icons{font-size:18px;line-height:100%;vertical-align:top;}

.button_active, a.button_active{background-color:#43a047;border:1px solid #ffffff;color:#ffffff;}
.button_active:hover, a.button_active:hover{background-color:#76d275;border:1px solid #ffffff;color:#ffffff;}
.button_inactive, a.button_inactive{background-color:#546e7a;border:1px solid #ffffff;color:#ffffff;}
.button_inactived:hover, a.button_inactive:hover{background-color:#43a047;border:1px solid #ffffff;color:#ffffff;}
.button_disabled, a.button_disabled{background-color:#ffffff;border:1px solid #bdbdbd;color:#bdbdbd;cursor:not-allowed;}
.button_disabled:hover, a.button_disabled:hover{color:#bdbdbd;}

.details_table{overflow:auto;padding-top:15px;max-width:100%;width:100%;}
.details_table table{width:100%;}
.details_table th{border-bottom:1px solid #e0e0e0;padding:0px 6px;white-space:nowrap;}
.details_table td{border-bottom:1px solid #e0e0e0;padding:0px 6px;vertical-align:middle;}
.details_table td img{vertical-align:middle;}

.example{background-color:#d8dddf;}
	.example .box{margin:0px auto;max-width:960px;}
	.example em{display:inline-block;max-width:450px;}
	.example p.text_center{padding-top:48px;position:relative;}
	.example p.text_center::before{color:#8f9ca2;content:"\e244";direction:ltr;font-family:'Material Icons';font-size:60px;font-style:normal;font-weight:normal;left:0px;letter-spacing:normal;position:absolute;text-transform:none;top:18px;white-space:nowrap;word-wrap:normal;font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;}
	.example .youtube{aspect-ratio:16 / 9;margin-left:10%;margin-top:24px;width:80%;}

@media only screen and (min-height:300px) and (min-width:600px){
    .example p.text_center::before{left:calc(50% - 225px - 60px);}
}

.flex_container{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;}
.flex_item{align-self:stretch;flex-basis:auto;flex-grow:1;flex-shrink:1;order:0;}
/*@media only screen and (min-width:600px){
	.flex_item{flex-basis:auto;}
}*/

.form_row{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin:0px 12px;}
.form_col{align-self:stretch;border-bottom:1px solid #e0e0e0;flex-basis:30%;flex-grow:1;flex-shrink:1;order:0;padding:15px 6px 6px 6px;}
.form_col textarea,.form_col input[type=email],.form_col input[type=tel],.form_col input[type=text]{border:none;border-radius:6px;width:100%;}

.icon_beat_green{background-color:#87e499;} /* #55b16a */
.icon_beat_red{background-color:#f8225d;} /* #be0034 + white text */
.icon_beat_white{background-color:#ffffff;}
.icon_beat_yellow{background-color:#f1e96a;}

.icon_dggk{background-color:#546e7a;background-image:url('../img/icon-dggk.png');background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;display:inline-block;height:30px;margin-top:9px;width:30px;}
.icon_soilbeat{background-color:#546e7a;background-image:url('../img/icon-soilbeat.png');background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;display:inline-block;height:30px;margin-top:9px;width:30px;}
a:hover .icon_dggk,a:hover .icon_soilbeat{background-color:#43a047;}

.icon_young_beef{background-color:#546e7a;background-image:url('../img/icon-young-beef.png');background-position:50% 50%;background-repeat:no-repeat;background-size:60%;border-radius:50%;display:inline-block;height:48px;padding-bottom:12px;width:48px;}

.analysis_manage_search{max-width:600px;width:calc(100% - 48px);}
.analysis_manage_search a{margin:0px 24px 0px 24px;}
.analysis_manage_search .material_icons{font-size:24px;}

.faq_item{display:none;}

.material_icons{direction:ltr;display:inline-block;font-family:'Material Icons';font-size:24px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:100%;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;vertical-align:bottom;}

.shadow{-webkit-box-shadow:0px 12px 12px -12px rgba(0,0,0,0.9);-moz-box-shadow:0px 12px 12px -12px rgba(0,0,0,0.9);box-shadow:0px 12px 12px -12px rgba(0,0,0,0.9);}
.text_shadow{text-shadow:3px 6px 9px rgba(0,0,0,0.9);}

.text_center{text-align:center;}

/* responsive - specific */
@media only screen and (min-width:462px){
}

/* responsive - medium */
@media only screen and (min-height:450px) and (min-width:600px){
}

/* responsive - expanded */
@media only screen and (min-height:450px) and (min-width:840px){
}