@font-face {
font-family: 'Quicksand';
src: url('../fonts/quicksand-regular.woff2') format('woff2'),
     url('../fonts/quicksand-regular.woff') format('woff'),
     url('../fonts/quicksand-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Quicksand Light';
src: url('../fonts/quicksand-light.woff2') format('woff2'),
     url('../fonts/quicksand-light.woff') format('woff'),
     url('../fonts/quicksand-light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Quicksand Medium';
src: url('../fonts/quicksand-medium.woff2') format('woff2'),
     url('../fonts/quicksand-medium.woff') format('woff'),
     url('../fonts/quicksand-medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Quicksand Bold';
src: url('../fonts/quicksand-bold.woff2') format('woff2'),
     url('../fonts/quicksand-bold.woff') format('woff'),
     url('../fonts/quicksand-bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

body {
font-size: 16px;
font-family: 'Quicksand', sans-serif;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}

a, a:focus, a:visited {
color: #587712;
text-decoration: none;
}

a:hover, a:active {
color: #8EBF1F;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.25;
margin-bottom: 20px;
}

h2 {
font-family: 'Quicksand Bold', sans-serif;
}

h3, h4 {
font-family: 'Quicksand Medium', sans-serif;
}

p {
margin-bottom: 1em;
}

input, select, textarea {
font-family: 'Quicksand', sans-serif;
}

small {
line-height: normal;
}

.error { color: #cc0000; }
.neutral { color: #333333; }
.success { color: #009900; }
.error, .neutral, .success { font-weight: bold; }

.textarticle ul {
list-style: none;
margin: 0 0 2em 0;
padding: 0;
}

.textarticle ul li {
position: relative;
padding-left: 1.5em;
}

.textarticle ul li::before {
content: "- ";
position: absolute;
left: 0; top: 0;
color: inherit;
}

.button-drflex, .button-green, .button-cyan, .button-grey {
font-family: 'Quicksand Medium', sans-serif;
}

.oneblock h4 { margin-bottom: 0.5em; }
.oneblock p { line-height: 1.2; }
.toggletxt h3 {
background: #DDDDDD;
padding: 4px 8px;
}

.footerblock h4 {
padding: 10px 20px;
box-sizing: border-box;
border-radius: 50px;
background: #BBBBBB;
}

.footerblock li {
margin-bottom: 0.25em;
margin-left: 1em;
}

.footerblock li a, .footerblock li a:focus, .footerblock li a:visited {
color: #587712;
text-decoration: none;
}

.footerblock li a:hover, .footerblock li a:active {
color: #8EBF1F;
text-decoration: none;
}

/* ----------------------------------------------------------*/

@media screen and (max-width: 768px) {
  article br { display: none; }
  .showbrs br { display: inline; }
  h2 { font-size: 24px; margin: 15px 0; }
  h3 { font-size: 20px; }
  h4 { font-size: 17px; }
  p, li, td { font-size: 17px; }
  small { font-size: 15px; }
  input, select, textarea { font-size: 17px !important; }
  .oneblock-credit small, .copyrightbox p { font-size: 14px; }
  .button-drflex { font-size: 20px; }
  .button-green, .button-cyan, .button-grey { font-size: 18px; }
  .toggletxt h3 { background: none; padding: 0; text-align: center; }
  .footerblock h4 { font-size: 21px; }
  .footerblock p, .footerblock li { font-size: 18px; }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  article br { display: none; }
  .showbrs br { display: inline; }
  h2 { font-size: 28px; margin: 20px 0; }
  h3 { font-size: 23px; }
  h4 { font-size: 19px; }
  p, li, td { font-size: 19px; }
  small { font-size: 16px; }
  input, select, textarea { font-size: 19px !important; }
  .oneblock-credit small, .copyrightbox p { font-size: 15px; }
  .button-drflex { font-size: 21px; }
  .button-green, .button-cyan, .button-grey { font-size: 19px; }
  .toggletxt h3 { background: none; padding: 0; text-align: center; }
  .footerblock h4 { font-size: 22px; }
  .footerblock p, .footerblock li { font-size: 19px; }

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  h2 { font-size: 30px; margin: 20px 0; }
  h3 { font-size: 25px; }
  h4 { font-size: 20px; }
  p, li, td { font-size: 20px; }
  small { font-size: 16px; }
  input, select, textarea { font-size: 20px !important; }
  .oneblock-credit small, .copyrightbox p { font-size: 14px; }
  .button-drflex { font-size: 21px; }
  .button-green, .button-cyan, .button-grey { font-size: 17px; }
  .toggletxt h3 { border-radius: 0 30px 0 0; }
  .footerblock h4 { font-size: 20px; }
  .footerblock p, .footerblock li { font-size: 18px; }

}

@media screen and (min-width: 1280px) and (max-width: 1536px) {
  h2 { font-size: 36px; margin: 30px 0; }
  h3 { font-size: 30px; }
  h4 { font-size: 22px; }
  p, li, td { font-size: 22px; }
  small { font-size: 17px; }
  input, select, textarea { font-size: 22px !important; }
  .oneblock-credit small, .copyrightbox p { font-size: 15px; }
  .button-drflex { font-size: 22px; }
  .button-green, .button-cyan, .button-grey { font-size: 18px; }
  .toggletxt h3 { border-radius: 0 30px 0 0; }
  .footerblock h4 { font-size: 22px; }
  .footerblock p, .footerblock li { font-size: 19px; }
  
}

@media screen and (min-width: 1536px) {
  h2 { font-size: 40px; margin: 40px 0; }
  h3 { font-size: 30px; }
  h4 { font-size: 24px; }
  p, li, td { font-size: 24px; }
  small { font-size: 18px; }
  input, select, textarea { font-size: 24px !important; }
  .oneblock-credit small, .copyrightbox p { font-size: 16px; }
  .button-drflex { font-size: 24px; }
  .button-green, .button-cyan, .button-grey { font-size: 20px; }
  .toggletxt h3 { border-radius: 0 30px 0 0; }
  .footerblock h4 { font-size: 24px; }
  .footerblock p, .footerblock li { font-size: 21px; }

}