:root {
  --green-light:#eff4e6;
  --green-ml:#dee9ce;
  --green-dl:#cedfb6;
  --green-dark:#bed49d;
  --brown-light:#E8CFB8;
  --brown-ml:#E8CFB8;
  --brown-dl:#E8CFB8;
  --brown-dark:#DCB591;
}
.content-block, #sp-content > .container {
  background-color:#fff;
  padding:30px 0px;
  position:absolute;
  left:0px;
  min-width:60%;
  padding-left:18%;
  padding-right:40px;
  min-height:40vh;
  border-top-right-radius:30px;
  border-bottom-right-radius:30px;
  align-content:center;
  overflow:hidden;
}
#sp-component {
  background-color:#fff;
  padding:30px;
}
#sp-katern1, #sp-katern2 {
  min-height:70vh;
}
#sp-header:not(.header-sticky) {
  height:0px;
}
#sp-header.header-sticky * {
  color:#000 !important;
}
.article {
  border-radius:30px !important;
  border:1px solid var(--green-ml) !important;
}
.mod-languages {
  margin-left:20px;
}
.call-btn{
  border-radius:10px;
  border:1px solid var(--green-ml);
}
#sp-landing {
  min-height:100vh;
}
#landing-msg {
  margin-top:250px;
}
#sp-feature-menu {
  top:-50px;
  position:relative;
}
#sp-main, #sp-extended-footer, #sp-content {
  min-height:calc(100vh - 100px);
}
#sp-medewerkers {
  background-color: var(--green-light);
  opacity: 0.8;
  background: repeating-linear-gradient( -30deg, #fff, #fff 5px, var(--green-light) 5px, var(--green-light) 50px );
}
#sp-contact {
  border-top:2px solid var(--green-dl);
  border-bottom:2px solid var(--green-dl);
}
#sp-footer {
  position:fixed;
  bottom:0;
  width:100%;
  margin-top:60px;
  height:60px;
  font-size:18px;
}
#sp-footer > .container > .container-inner{
  padding:0px;
}
#footer-info-wrapper{
  display:flex;
  justify-content:space-between;
}
.katern-text {
  font-size:28px;
  font-weight:300;
}
.maps-wrapper {
  padding:10px;
  border:1px solid var(--brown-light);
  height:300px;
}
.svg-icon {
  margin:0px 5px;
  width:20px;
  height:20px;
}
.bigbutton-icon {
  display:block;
  width:60%;
  /* height:75%; */
  color:#fff;
}
.bigbutton:hover{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.bigbutton {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  cursor:pointer;
  justify-items:center;
  text-align:center;
  width:100%;
  height:150px;
  background-color:var(--green-ml);
  border-radius:10px;
  padding:10px;
}
.staff-card {
  background-color:var(--green-light);
  border-radius:10px;
  text-align:center;
  justify-items:center;
  margin-top:10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  cursor:pointer;
  transform: translateX(-100px);
  opacity: 0;
  transition: transform 1s ease, opacity 1s ease;
}
.staff-card.visible {
  transform: translateX(0);
  opacity: 1;
}
.staff-card:hover{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.staff-name {
  font-size:24px;
  font-weight:700;
  display:block;
}
.footer-info{
  display:inline-block;
}
.staff-function{
  
}
img.staff  {
  width:75%;
  border-radius:50%;
  padding:20px;
}
table.business-hours {
  width:100%;
  border:1px solid var(--brown-light);
}
table.business-hours > tbody > tr >td {
  padding:10px;
}
table.business-hours > tbody > tr:nth-child(odd) {
  background-color:var(--brown-light);
}