body,html { height:100%;  color: #333;   }

h1 { width: 100%; text-align: center; font-family: franklin-gothic-urw-comp, Arial, sans-serif; font-size: 3em; margin: 24px 0; }

h2 { width: 100%; text-align: center; font-family: franklin-gothic-urw-comp, Arial, sans-serif; font-size: 1.6em; margin: 24px 0; }

h3 { width: 100%; text-align: center; font-family: franklin-gothic-urw-comp, Arial, sans-serif; font-size: 1em; margin: 24px 0; }

h4 { width: 100%; text-align: center; font-family: franklin-gothic-urw-comp, Arial, sans-serif; font-size: 1.5em; margin: 24px 0; }

h5 { width: 100%; text-align: center; font-family: franklin-gothic-urw, Arial, sans-serif; font-size: 1em; font-weight: 500; }

p { width: 100%; text-align: center; font-family: franklin-gothic-urw, Arial, sans-serif; font-size: 1.1em; margin: 24px 0; }
p.vthpwerk { font-size: .9em; }
p.vthpwerksmall { font-size: .8em; margin: 16px 0; }
p.vthpwerksmall + h5 { margin-top: 0px; }
p.pcontainer { max-width: 580px; margin: 0; }
p.pcontainer span { white-space: nowrap; }
p.vthpwerksmall.pcontainer { margin: 0 0 1em 0; }

a, a:hover { color: #987704; }


.vthpsite {margin: 2px; border: 1px solid #ddd; }

.slick-slider {position: absolute; top: 0; width: 100%; max-width: 600px !important; height: 100%; max-height: 600px; overflow: hidden; }


.verbergen { display: none; }

.uk-overlay-primary {
  background: rgba(34, 34, 34, 0.9);
}

@media (min-width: 1200px) { 
	p.vthpwerksmall { font-size: .9em;  }
}

  
@media (max-width: 500px) { 
	h1 { font-size: 2em; }
	h2 { font-size: 1.3em; }
}