html, body{width:100%; height:100%; margin:0; padding:0; font-size:16px; line-height:29px; color:#5a5a44; text-align:left;}
*{font-family: 'Poppins', sans-serif; font-weight:400; vertical-align:top; text-decoration:none; outline:none; border:0; background-position:center; background-repeat:no-repeat; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-text-size-adjust:none; box-sizing:border-box; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:auto; letter-spacing: 0.2px; background-size: cover;}

.show_990,.show_750{display:none;}
.section{position:relative; float:left; width:100%; padding:180px 0; z-index:1;}
.container{position:relative; margin:auto; width:1400px;}
.full, .half, .one_third, .two_third, .one_fourth{position:relative; float:left;}
.full{width:100%;}
.wrapper {display: flex; flex-direction: row; flex-wrap: wrap;}
.half {width:48%;}
.half:last-child, .right{margin-left:4%;}
.one_third{width:30%;}
.one_third ~ .one_third{width:30%; margin-left:5%;}
.one_third + .two_third{width:62%; margin-left:8%;}
.two_third{width:62%;}
.two_third + .one_third{width:30%; margin-left:8%;}
.one_fourth{width:23.5%; margin-left:2%;}
.one_fourth:first-child{margin-left:0;}
.left {width: 50%;}
.right {margin-left: 6%; width: 44%;}

h1,h2,h3{font-weight:800; margin:0 0 20px; color: #a6d200; text-transform: uppercase;}
h1, h2{font-size:42px; line-height:40px; margin-bottom:25px;}
h2{color: #FFF;}
h3{font-size:24px; line-height:30px; margin-bottom:20px;}
h4{font-size:20px; line-height:24px; font-weight: 700; margin: 0 0 10px;}
h5{font-size:22px; line-height:24px; font-weight: 700; margin: 0 0 20px; color: #5a5a44;}
p.title {margin: 0; font-size: 24px; color: #FFF; font-weight: 700; text-align: left;}
.subtitle {display: block; text-transform: uppercase; letter-spacing: 3px; color: #bde620; font-size: 16px; line-height: 20px; font-weight: 800;}
h1.bigtitle {font-size: 36px; line-height: 36px;} 

a, a::before, a::after, .linkbtn, input, select, textarea, button, img{transition:0.2s ease-in;}
a{display:inline-block;}
a, a:link, a:visited{color:#5a5a44; text-decoration:none; cursor:pointer;}
a:hover, a:active{color:#a6d200; text-decoration:none;}
.linkbtn {position: relative; text-transform: uppercase; display: inline-block; padding: 4px 16px; margin-top: 30px; color: #a6d200 !important; cursor: pointer; font-weight: 800; font-size: 17px; letter-spacing: 0.7px; border: 2px solid #a6d200; border-radius: 12px; transition: 0.2s ease;}
.linkbtn:hover{background:#a6d200; color:#fff !important;}
.linkbtn.fill {background:#a6d200; color:#fff !important;}
.linkbtn.fill:hover{color: #a6d200 !important; border: 2px solid #a6d200; background: transparent;}

.ic-arrow {width: 13px; height: 11px; background: url(/img/icons/arrow.png) no-repeat center / 13px 11px; display: inline-block; margin: 8px 0 0 6px; transition: 0.3s ease;}
.ic-arrow.green {background-image: url(/img/icons/arrow-green.png);}
.ic-arrow.white {background-image: url(/img/icons/arrow-white.png);}
.ic-cross {background: url(/img/icons/kruis.png) no-repeat center / 21px 21px; display: inline-block; width: 21px; height: 21px;}

/* .gradient {bottom: auto; top: 0; height: 200px; background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000',GradientType=0);} */

img {width: 100%;}
p {margin:24px 0 0 0; padding:0; text-align: justify;}
p:first-child, p:nth-of-type(1){margin:0;}
strong{font-weight:700;}
u{text-decoration:underline;}
hr{float:left; width:100%; border:0px; border-bottom:2px dashed #eee; margin:20px 0px;}
ul,ol{margin:0; padding:0; list-style:none;}
ul li, ol li{margin:0; padding:0; list-style:none;}
s{text-decoration:line-through; opacity:0.4;}
table{width:100%; padding:0;}
table td{padding:0; padding-bottom:16px; border-spacing:0;}
table td:first-child{padding-right:10px;}
table td:last-child{padding-left:10px;}
table td[colspan="2"] {padding:0; padding-bottom:16px;}

.form strong{position:relative; float:left; width:100%; margin:4px 0 0;}
.form .formfield{float:left; width:100%; margin:0 0 14px;}
label{position:relative; display:inline-block; margin:0;}
label:nth-of-type(2){margin-left:20px;}
input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="file"], textarea, select, button{background-color:#f3f3f3; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand{display:none;}
input, textarea, select, button{width:100%; margin:2px 0 6px; padding:10px 20px; font-size:16px; line-height:24px; border:0; border-bottom:1px solid #f3f3f3;}
input[type="checkbox"], input[type="radio"]{width:auto !important; height:auto !important; margin:4px 8px 0 0; padding:0 !important; vertical-align:top;}
textarea{height:183px; padding-top:14px; padding-bottom:14px; line-height:1.5em;}
select{padding:10px 60px 10px 20px; background-image:url(/img/icons/form/pulldown.png); background-repeat:no-repeat; background-position:right 18px center; cursor:pointer;}
label.radio{padding-left:20px; cursor:pointer;}
label.radio input {position:absolute; z-index:-1; opacity:0; width:auto; height:auto; margin:0;}
label.radio .control{position:absolute; top:2px; left:0; height:14px; width:14px; background:#ddd center / 0px 0px; border-radius:50%; transition:All 0.3s ease;}
label.radio .control:after{content:""; position:absolute; top:50%; left:50%; margin:-2px 0 0 -2px; width:4px; height:4px; border-radius:50%; background:#fff;}
label.radio:hover input ~ .control, label.radio input:focus ~ .control{background-color:#ccc;}
label.radio input:checked:focus ~ .control, label.radio input:checked ~ .control{background:#79c75a;}
label.radio input:checked:focus ~ .control:after, label.radio input:checked ~ .control:after{margin:-3px 0 0 -3px; width:6px; height:6px;}
label.radio:hover input:checked ~ .control{background-color:#999;}
label.radio input:disabled ~ .control{background:#e6e6e6; opacity:0.6; pointer-events:none;}
label.radio.checkbox .control{background-image:url(/img/icons/form/check.png); background-size:8px 12px; background-repeat:no-repeat; background-position:center;}
label.radio.checkbox input:checked ~ .control{background-image:url(/img/icons/form/check.png); background-size:10px 14px; background-repeat:no-repeat; background-position:center;}
label.radio.checkbox .control:after{display:none;}
input[type="submit"], input[type="button"], button, .send_form{display:inline-block; width:auto; height:50px; line-height:48px; padding:0 34px; font-family:'Roboto', sans-serif; font-weight:300; font-size:19px; border:0; margin:20px 0 0; background-color:#79c75a; color:#fff; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:0.3s ease;}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, .send_form:hover{background:#64b245; color:#fff;}
input[type="submit"]:disabled, input[type="button"]:disabled, button:disabled{background:#aaa; cursor:not-allowed;}
input:required, input:invalid{box-shadow:none;}
::-webkit-input-placeholder{color:#666;}:-moz-placeholder{color:#666;}::-moz-placeholder{color:#666;}:-ms-input-placeholder{color:#666;}

input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus{background-color:#ddd;}
/*validation*/
.formfield.error input, .formfield.error textarea, .formfield.error select{border-bottom-color:red !important;}
.formfield.error strong{color:red;}
.formfield.ok input, .formfield.ok textarea, .formfield.ok select{border-bottom-color:#79c75a !important;}



/*retina*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
select{background-image:url(/img/icons/form/pulldown@2x.png); background-size:9px 14px;}
label.radio.checkbox .control, label.radio.checkbox input:checked ~ .control{background-image:url(/img/icons/form/check@2x.png);}
.ic-arrow {background-image: url(/img/icons/arrow@2x.png);}
.ic-arrow.green {background-image: url(/img/icons/arrow-green@2x.png);}
.ic-arrow.white {background-image: url(/img/icons/arrow-white@2x.png);}
.ic-cross {background-image: url(/img/icons/kruis@2x.png);}
}
/*responsive*/
@media screen and (max-width:1700px){
.section{padding:160px 0;}
.container{width:1300px;}
h1.bigtitle {font-size: 33px; line-height: 33px;}
}
@media screen and (max-width:1500px){
html, body{line-height:28px;}
.section{padding:120px 0;}
.container{width:1200px;}
h1, h2 {font-size: 38px; line-height: 38px; margin-bottom: 22px;}
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){
.section {padding: 100px 0;}
.container{width:86%;}
h4 {font-size: 18px; line-height: 23px;}
html, body {line-height: 27px;}
}
@media screen and (max-width:1100px){
.section{padding:80px 0;}
.container{width:88%;}
p.title {font-size: 22px; line-height: 22px;}
h5 {font-size: 20px; line-height: 20px;}
}
@media screen and (max-width:990px){
.hide_990{display:none;}
.show_990{display:block;}
.section{padding:50px 0;}
h1, h2 {font-size: 30px; line-height: 30px;}
.subtitle {font-size: 14px; line-height: 16px; letter-spacing:1.5px; margin-bottom:4px;}
}
@media screen and (max-width:750px){
html, body{font-size:17px; line-height:28px;}
.hide_750{display:none;}
.show_750{display:block;}
.section{padding:40px 0;}
.container{width:84%;}
.half:last-child{margin:10px 0 0;}
.one_third, .two_third{width:100%;}
.one_third ~ .one_third, .one_third + .two_third, .two_third + .one_third{width:100%; margin:10px 0 0;}
.one_fourth{width:49%; margin-left:0; margin-bottom:10px;}
.one_fourth:nth-of-type(even){margin-left:2%;}
.linkbtn {margin-top: 20px; font-size: 16px;}
h1, h2 {font-size: 30px; line-height: 32px;}
h4 {margin-bottom: 5px;}
h5 {margin: 0 0 15px 0;}
p {margin: 20px 0 0 0; text-align:left;}
}
@media screen and (max-width:320px){
.section{padding:30px 0;}
.container{width:88%;}
}