body.daan-speelse-foto-active .site-content,
body.daan-speelse-foto-active #content,
body.daan-speelse-foto-active .content-area,
body.daan-speelse-foto-active main.site-main,
body.daan-speelse-foto-active article,
body.daan-speelse-foto-active .entry-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body.daan-speelse-foto-active .entry-title,
body.daan-speelse-foto-active .entry-header,
body.daan-speelse-foto-active footer.site-footer,
body.daan-speelse-foto-active #colophon,
body.daan-speelse-foto-active .entry-footer,
body.daan-speelse-foto-active .edit-link{display:none!important}
.dsfp-shell{--dsfp-bg:linear-gradient(120deg,#e7d7c5,#f8efe5);position:relative;width:min(100%,1536px);height:calc(100vh - var(--wp-admin--admin-bar--height,0px));min-height:760px;margin:0 auto;overflow:hidden;background-color:#f7eee2;background-image:linear-gradient(90deg,rgba(247,238,226,.64),rgba(247,238,226,.18) 48%,rgba(247,238,226,.18)),var(--dsfp-bg);background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:#24465a;font-family:Georgia,"Times New Roman",serif;box-sizing:border-box}
.dsfp-top-wrap{position:absolute;z-index:30;left:0;right:0;top:0;padding:32px 70px 12px;background:linear-gradient(to bottom,rgba(247,238,226,.52),rgba(247,238,226,0))}.dsfp-top-menu{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,28px);margin:0;padding:0;list-style:none;flex-wrap:wrap}.dsfp-top-menu li{margin:0;padding:0}.dsfp-top-menu a{color:#2f4550!important;text-decoration:none!important;text-transform:uppercase;font-size:clamp(11px,.92vw,16px);font-weight:700;letter-spacing:.06em;text-shadow:0 1px 2px rgba(255,255,255,.8)}.dsfp-top-menu a:hover{color:#0f3b58!important}
.dsfp-scroll-middle{position:absolute;z-index:8;left:0;right:0;top:86px;bottom:234px;overflow-y:auto;overflow-x:hidden;padding:20px clamp(18px,6vw,90px) 42px;scrollbar-width:thin;box-sizing:border-box}.dsfp-scroll-middle::-webkit-scrollbar{width:12px}.dsfp-scroll-middle::-webkit-scrollbar-thumb{background:rgba(23,76,104,.42);border-radius:20px}.dsfp-title-panel{width:min(45vw,620px);margin-left:clamp(80px,13vw,230px);text-align:center;color:#24465a;text-shadow:0 1px 1px rgba(255,255,255,.55)}.dsfp-title-panel h1{margin:18px 0 0;font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;font-size:clamp(56px,8vw,126px);line-height:.9;font-weight:400;color:#17435c}.dsfp-title-panel h1 span{font-family:Georgia,serif;font-size:.56em}.dsfp-subtitle{margin-top:12px;text-transform:uppercase;font-size:clamp(16px,1.45vw,28px);letter-spacing:.16em;font-weight:500}.dsfp-divider{margin:18px auto 14px;display:flex;align-items:center;justify-content:center;gap:13px;color:#17435c}.dsfp-divider span{display:block;width:115px;height:1px;background:rgba(23,67,92,.55)}.dsfp-intro{margin-top:14px;font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;font-size:clamp(18px,1.6vw,30px);line-height:1.22;color:#1f4c64}.dsfp-intro p{margin:0 0 .35em}
.dsfp-right-stack{position:absolute!important;z-index:14;right:clamp(34px,6vw,110px)!important;top:42px!important;width:min(34vw,420px)!important;height:420px!important;max-width:420px!important;pointer-events:none!important;background:transparent!important;overflow:visible!important}.dsfp-photo-card{position:absolute!important;display:block!important;border:0!important;cursor:pointer!important;pointer-events:auto!important;width:clamp(145px,13vw,220px)!important;height:clamp(105px,9.4vw,168px)!important;max-width:220px!important;max-height:168px!important;min-width:145px!important;min-height:105px!important;overflow:hidden!important;background:#fffaf2!important;padding:clamp(7px,.8vw,12px)!important;margin:0!important;box-sizing:border-box!important;box-shadow:0 12px 26px rgba(45,35,25,.26)!important;transition:transform .25s ease,box-shadow .25s ease!important;appearance:none!important;-webkit-appearance:none!important}.dsfp-photo-card img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;object-fit:cover!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.dsfp-photo-card:hover{box-shadow:0 16px 34px rgba(45,35,25,.34)!important}.dsfp-card-1{top:0!important;right:40px!important;transform:rotate(-5deg)!important}.dsfp-card-1:hover{transform:rotate(-3deg) scale(1.03)!important}.dsfp-card-2{top:150px!important;right:150px!important;transform:rotate(5deg)!important}.dsfp-card-2:hover{transform:rotate(3deg) scale(1.03)!important}.dsfp-card-3{top:295px!important;right:20px!important;transform:rotate(-2deg)!important}.dsfp-card-3:hover{transform:rotate(0deg) scale(1.03)!important}
.dsfp-story-box{max-width:980px;margin:clamp(54px,8vh,92px) auto 0;background:rgba(244,235,219,.50);border-radius:28px;padding:clamp(22px,4vw,56px);box-shadow:0 16px 38px rgba(45,35,25,.14);backdrop-filter:blur(1px)}.dsfp-story-text,.dsfp-report-text{font-size:clamp(17px,1.1vw,21px);line-height:1.78}.dsfp-story-text h2,.dsfp-story-text h3,.dsfp-report-text h2,.dsfp-report-text h3{color:#174c68}.dsfp-story-text img,.dsfp-report-text img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 10px 24px rgba(45,35,25,.16);cursor:pointer}.dsfp-report-text{margin-top:clamp(28px,4vw,54px);padding-top:clamp(22px,3vw,36px);border-top:1px solid rgba(23,76,104,.18)}.dsfp-report-text figure{width:360px;max-width:100%;margin:24px auto;box-sizing:border-box}.dsfp-report-text figure.alignleft{margin-left:0;margin-right:auto}.dsfp-report-text figure.aligncenter{margin-left:auto;margin-right:auto}.dsfp-report-text figure.alignright{margin-left:auto;margin-right:0}.dsfp-report-text figure img{display:block;width:100%!important;height:auto!important}.dsfp-report-text figcaption{font-size:.9em;color:#4f6472;text-align:center;margin-top:8px}.dsfp-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:clamp(14px,2vw,26px);margin-top:clamp(28px,4vw,54px)}.dsfp-gallery-item{display:block;border:0;cursor:pointer;margin:0;background:#fffaf2;padding:10px;border-radius:18px;box-shadow:0 10px 26px rgba(45,35,25,.18);transform:rotate(-1deg);transition:transform .25s ease,box-shadow .25s ease}.dsfp-gallery-item:nth-child(even){transform:rotate(1deg)}.dsfp-gallery-item:hover{transform:rotate(0) scale(1.025);box-shadow:0 16px 34px rgba(45,35,25,.25)}.dsfp-gallery-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.dsfp-bottom-menu{position:absolute;z-index:25;left:0;right:0;bottom:96px;min-height:138px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding:18px 72px 14px;background:rgba(249,239,224,.95);box-shadow:0 -8px 28px rgba(70,50,30,.12);box-sizing:border-box}.dsfp-bottom-menu:before{content:"";position:absolute;left:0;right:0;top:-18px;height:26px;background:rgba(249,239,224,.96);clip-path:polygon(0 40%,8% 28%,18% 42%,30% 22%,43% 38%,58% 20%,72% 39%,86% 25%,100% 42%,100% 100%,0 100%)}.dsfp-cat-item{position:relative;z-index:2;text-align:center;color:#24465a!important;text-decoration:none!important}.dsfp-cat-icon,.dsfp-cat-title,.dsfp-cat-text{display:block}.dsfp-cat-icon{font-size:clamp(26px,2.2vw,38px);line-height:1}.dsfp-cat-title{font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(23px,2vw,34px);line-height:1;margin-top:5px}.dsfp-cat-text{font-size:clamp(11px,.85vw,15px);line-height:1.35;color:#395468}.dsfp-blue-footer{position:absolute;z-index:26;left:0;right:0;bottom:0;min-height:96px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 9vw;background:#174c68;color:#f7eee2;font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(22px,2vw,34px);box-sizing:border-box}.dsfp-heart{font-size:clamp(26px,2.4vw,42px)}
.dsfp-lightbox{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,18,25,.86);opacity:0;pointer-events:none;transition:opacity .28s ease;padding:52px;box-sizing:border-box}.dsfp-lightbox.is-open{opacity:1;pointer-events:auto}.dsfp-lightbox.is-closing{opacity:0}.dsfp-lightbox img{max-width:min(800px,96vw)!important;max-height:min(600px,86vh)!important;width:auto!important;height:auto!important;object-fit:contain!important;box-shadow:0 22px 70px rgba(0,0,0,.48);border-radius:8px;animation:dsfpImgIn .28s ease}.dsfp-lightbox-close{position:fixed;right:28px;top:22px;width:72px;height:72px;border:0;border-radius:50%;background:#174c68;color:#fffaf2;font-family:Arial,Helvetica,sans-serif;font-size:0;line-height:1;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.42),inset 0 -5px 0 rgba(0,0,0,.13);z-index:1000000;display:flex;align-items:center;justify-content:center;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.dsfp-lightbox-close:before,.dsfp-lightbox-close:after{content:"";position:absolute;width:34px;height:6px;background:#fffaf2;border-radius:999px;box-shadow:2px 3px 0 rgba(0,0,0,.20)}.dsfp-lightbox-close:before{transform:rotate(45deg)}.dsfp-lightbox-close:after{transform:rotate(-45deg)}.dsfp-lightbox-close:hover{background:#0d3f57;transform:scale(1.06);box-shadow:0 14px 36px rgba(0,0,0,.48),inset 0 -5px 0 rgba(0,0,0,.16)}.dsfp-lightbox-close:focus-visible{outline:3px solid #fffaf2;outline-offset:4px}@keyframes dsfpImgIn{from{opacity:.2;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.dsfp-shell{height:auto;min-height:100vh;overflow:visible}.dsfp-top-wrap,.dsfp-bottom-menu,.dsfp-blue-footer{position:relative;top:auto;bottom:auto}.dsfp-top-wrap{padding:18px}.dsfp-top-menu{gap:10px 14px}.dsfp-scroll-middle{position:relative;top:auto;bottom:auto;overflow:visible;padding:20px 18px}.dsfp-title-panel{width:auto;margin:0 0 28px;padding:18px 14px;background:rgba(247,238,226,.62);border-radius:24px}.dsfp-right-stack{position:relative;right:auto;top:auto;width:100%;height:390px;margin:0 auto 20px}.dsfp-card-1{right:20px}.dsfp-card-2{right:auto;left:20px}.dsfp-card-3{right:44px}.dsfp-bottom-menu{grid-template-columns:repeat(2,1fr);padding:22px 18px 18px;gap:12px}.dsfp-blue-footer{min-height:74px;grid-template-columns:1fr;text-align:center;padding:0 18px}.dsfp-heart{display:none}.dsfp-lightbox{padding:18px}.dsfp-lightbox img{max-width:96vw!important;max-height:88vh!important}.dsfp-lightbox-close{right:14px;top:14px;width:58px;height:58px}.dsfp-lightbox-close:before,.dsfp-lightbox-close:after{width:28px;height:5px}}

/* v1.0.12: zachtere tekstachtergrond en vaste ruimte rond afbeeldingen */
.dsfp-story-box{background:rgba(244,235,219,.50)!important;}
.dsfp-story-text img,.dsfp-report-text img{margin:10px!important;padding:10px!important;box-sizing:border-box!important;background:#fffaf2!important;}
.dsfp-story-text figure,.dsfp-report-text figure{padding:10px!important;box-sizing:border-box!important;background:rgba(255,250,242,.88)!important;border-radius:18px!important;}
.dsfp-story-text figure img,.dsfp-report-text figure img{margin:0!important;padding:0!important;background:transparent!important;}
.dsfp-gallery-item{padding:10px!important;}


/* v1.0.13: tekstvlak veel steviger zichtbaar als 50% transparante laag */
.dsfp-story-box{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:transparent!important;
  border-radius:28px!important;
}
.dsfp-story-box::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:rgba(244,235,219,.50)!important;
  border-radius:inherit!important;
  pointer-events:none!important;
}
.dsfp-story-box > *{
  position:relative!important;
  z-index:1!important;
}
.dsfp-story-text,
.dsfp-report-text{
  color:#24465a!important;
}
.dsfp-story-text img,
.dsfp-report-text img{
  margin:10px!important;
}
.dsfp-story-text figure,
.dsfp-report-text figure{
  margin-top:24px!important;
  margin-bottom:24px!important;
}


/* v1.0.14: tekstvlak en afbeeldingsruimte echt afdwingen */
.dsfp-story-box{
  background:rgba(244,235,219,.50)!important;
  padding:clamp(22px,4vw,56px)!important;
  border-radius:28px!important;
  box-shadow:0 16px 38px rgba(45,35,25,.14)!important;
  overflow:visible!important;
}
.dsfp-story-box::before{display:none!important;content:none!important;}
.dsfp-story-text,
.dsfp-report-text{
  display:block!important;
  background:rgba(244,235,219,.50)!important;
  padding:24px!important;
  margin:0 0 24px 0!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
  color:#24465a!important;
  text-shadow:0 1px 1px rgba(255,255,255,.25)!important;
  overflow:auto!important;
  clear:both!important;
}
.dsfp-report-text{border-top:0!important;margin-top:24px!important;}
.dsfp-story-text::after,
.dsfp-report-text::after{content:"";display:block;clear:both;}
.dsfp-story-text p,
.dsfp-report-text p{margin-top:0!important;margin-bottom:1.15em!important;}
.dsfp-story-text figure,
.dsfp-report-text figure,
.dsfp-report-figure{
  background:rgba(255,250,242,.94)!important;
  padding:10px!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
  box-shadow:0 10px 24px rgba(45,35,25,.16)!important;
}
.dsfp-story-text figure img,
.dsfp-report-text figure img,
.dsfp-report-figure img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.dsfp-report-text figure.alignleft,
.dsfp-report-figure.alignleft{
  float:left!important;
  margin:10px 24px 18px 0!important;
}
.dsfp-report-text figure.alignright,
.dsfp-report-figure.alignright{
  float:right!important;
  margin:10px 0 18px 24px!important;
}
.dsfp-report-text figure.aligncenter,
.dsfp-report-figure.aligncenter{
  float:none!important;
  display:block!important;
  margin:18px auto 24px auto!important;
}
.dsfp-gallery{clear:both!important;}
.dsfp-gallery-item{padding:10px!important;background:#fffaf2!important;}

/* v1.0.17: veilige correctie op v1.0.14.
   Geen grote CSS-ingreep meer: alleen lege tekstblokken verbergen en tekst/foto ruimte netjes houden. */
.dsfp-story-text:empty,
.dsfp-report-text:empty{display:none!important;}
.dsfp-story-text,
.dsfp-report-text{
  background:rgba(244,235,219,.50)!important;
  padding:24px!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
}
.dsfp-report-text figure,
.dsfp-report-figure{
  margin:10px!important;
}
.dsfp-report-text figure.alignleft,
.dsfp-report-figure.alignleft{
  margin:10px 24px 18px 0!important;
}
.dsfp-report-text figure.alignright,
.dsfp-report-figure.alignright{
  margin:10px 0 18px 24px!important;
}
.dsfp-report-text figure.aligncenter,
.dsfp-report-figure.aligncenter{
  margin:18px auto 24px auto!important;
}


/* v1.0.18: tekstbox komt netjes onder de 3 speelse foto's, met ongeveer 20px ruimte */
.dsfp-scroll-middle.dsfp-has-right-photos .dsfp-story-box{
  margin-top:clamp(170px,18vh,230px)!important;
}
@media(max-width:900px){
  .dsfp-scroll-middle.dsfp-has-right-photos .dsfp-story-box{
    margin-top:20px!important;
  }
}


/* v1.0.19: tekst mooi om foto's heen laten lopen */
.dsfp-report-text figure.alignleft,
.dsfp-report-figure.alignleft{
  float:left!important;
  margin:10px 24px 18px 0!important;
  clear:none!important;
}
.dsfp-report-text figure.alignright,
.dsfp-report-figure.alignright{
  float:right!important;
  margin:10px 0 18px 24px!important;
  clear:none!important;
}
.dsfp-report-text figure.aligncenter,
.dsfp-report-figure.aligncenter{
  float:none!important;
  display:block!important;
  margin:18px auto 24px auto!important;
  clear:both!important;
}
.dsfp-report-text::after{content:"";display:block;clear:both;}
@media(max-width:700px){
  .dsfp-report-text figure.alignleft,
  .dsfp-report-text figure.alignright,
  .dsfp-report-figure.alignleft,
  .dsfp-report-figure.alignright{
    float:none!important;
    display:block!important;
    margin:18px auto 24px auto!important;
    max-width:100%!important;
  }
}


/* v1.0.21: tekstveld op de website instelbaar smaller/breder */
.dsfp-story-box{
  max-width:var(--dsfp-story-width, 760px)!important;
  width:min(100%, var(--dsfp-story-width, 760px))!important;
}


/* v1.0.22: breedte instelling toepassen op het zichtbare transparante tekstvlak, niet op een brede buitenbak */
.dsfp-story-box{
  max-width:100%!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  backdrop-filter:none!important;
}
.dsfp-story-text,
.dsfp-report-text{
  max-width:var(--dsfp-story-width, 760px)!important;
  width:min(calc(100% - 40px), var(--dsfp-story-width, 760px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:rgba(244,235,219,.50)!important;
  padding:24px!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
}
.dsfp-story-text:empty,
.dsfp-report-text:empty{
  display:none!important;
}
@media(max-width:700px){
  .dsfp-story-text,
  .dsfp-report-text{
    width:calc(100% - 24px)!important;
    padding:18px!important;
  }
}

/* v1.0.24: tekstveld iets naar links, maar altijd binnen het vlak blijven */
.dsfp-story-text,
.dsfp-report-text{
  --dsfp-text-left: clamp(70px, 8vw, 150px);
  margin-left: var(--dsfp-text-left)!important;
  margin-right: auto!important;
  max-width: var(--dsfp-story-width, 760px)!important;
  width: min(calc(100% - var(--dsfp-text-left) - 90px), var(--dsfp-story-width, 760px))!important;
  box-sizing: border-box!important;
  overflow-wrap: break-word!important;
  word-wrap: break-word!important;
}

.dsfp-story-text *,
.dsfp-report-text *{
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:900px){
  .dsfp-story-text,
  .dsfp-report-text{
    --dsfp-text-left: 0px;
    margin-left:auto!important;
    margin-right:auto!important;
    width:min(calc(100% - 32px), var(--dsfp-story-width, 760px))!important;
  }
}

/* v1.0.25: instelbare tekstkleuren voor kleine titel en intro */
.dsfp-subtitle{
  color:var(--dsfp-subtitle-color, #24465a)!important;
}
.dsfp-intro,
.dsfp-intro p{
  color:var(--dsfp-intro-color, #1f4c64)!important;
}

/* v1.0.26: BAM paginalinks ook tonen wanneer Daan Speelse Foto Pagina actief is */
.dsfp-choice-box{
  position:absolute!important;
  z-index:16!important;
  right:clamp(34px,6vw,110px)!important;
  top:42px!important;
  width:min(36vw,520px)!important;
  min-height:260px!important;
  padding:clamp(34px,4vw,62px) clamp(34px,4.5vw,68px)!important;
  box-sizing:border-box!important;
  background:rgba(244,235,219,.64)!important;
  border:1px solid rgba(31,76,100,.30)!important;
  border-radius:72px!important;
  box-shadow:0 16px 38px rgba(45,35,25,.13)!important;
  backdrop-filter:blur(1px)!important;
}
.dsfp-choice-list{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  column-gap:clamp(18px,3vw,45px)!important;
  row-gap:clamp(10px,1.2vw,20px)!important;
  margin:0!important;
  padding-left:1.45em!important;
  list-style:disc!important;
  list-style-position:outside!important;
  box-sizing:border-box!important;
}
.dsfp-choice-list li{margin:0!important;padding:0 0 0 .15em!important;min-width:0!important;color:#17435c!important;}
.dsfp-choice-list li::marker{color:#17435c!important;font-family:Georgia,serif!important;font-size:.62em!important;font-weight:700!important;}
.dsfp-choice-list a{
  display:block!important;
  max-width:100%!important;
  color:#17435c!important;
  text-decoration:none!important;
  font-family:var(--dsfp-link-font-family, "Brush Script MT","Segoe Script","Lucida Handwriting",cursive)!important;
  font-size:var(--dsfp-link-font-size, 28px)!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:unset!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-shadow:0 1px 1px rgba(255,255,255,.42)!important;
}
.dsfp-choice-list a:hover{color:#0f3b58!important;transform:translateX(2px);}
@media(max-width:900px){
  .dsfp-choice-box{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:min(92vw,520px)!important;
    margin:0 auto 20px!important;
    min-height:0!important;
    border-radius:34px!important;
    padding:26px!important;
  }
  .dsfp-choice-list{grid-template-columns:1fr!important;padding-left:1.7em!important;}
  .dsfp-choice-list a{font-size:var(--dsfp-link-font-size, 26px)!important;}
}


/* v1.0.29: kleinere tekst onder grote titel en kleinere intro tekst */


/* v1.0.30: instelbare lettergrootte voor kleine titel en intro */
.dsfp-subtitle{
  font-size:var(--dsfp-subtitle-size, 20px)!important;
}
.dsfp-intro,
.dsfp-intro p{
  font-size:var(--dsfp-intro-size, 24px)!important;
}


/* v1.0.31: instelbare lettergrootte voor de grote titel */
.dsfp-title-panel h1{
  font-size:var(--dsfp-title-size, 72px)!important;
}


/* v1.0.32: op berichtenpagina's met deze mal verbergen we alles wat het thema ná de blauwe balk toevoegt.
   Zo blijft de inhoud netjes tussen de bovenste titelbalk en de onderste titelbalk staan. */
body.daan-speelse-foto-active .post-navigation,
body.daan-speelse-foto-active .navigation.post-navigation,
body.daan-speelse-foto-active .nav-links,
body.daan-speelse-foto-active .comment-navigation,
body.daan-speelse-foto-active .comments-area,
body.daan-speelse-foto-active #comments,
body.daan-speelse-foto-active .comment-respond,
body.daan-speelse-foto-active #respond,
body.daan-speelse-foto-active .related-posts,
body.daan-speelse-foto-active .related,
body.daan-speelse-foto-active .rp4wp-related-posts,
body.daan-speelse-foto-active .yarpp-related,
body.daan-speelse-foto-active .crp_related,
body.daan-speelse-foto-active .jp-relatedposts,
body.daan-speelse-foto-active .entry-author,
body.daan-speelse-foto-active .author-box,
body.daan-speelse-foto-active .post-meta,
body.daan-speelse-foto-active .postmetadata {
  display:none!important;
}

body.daan-speelse-foto-active .site-main > .navigation,
body.daan-speelse-foto-active main.site-main > .navigation,
body.daan-speelse-foto-active article + .navigation,
body.daan-speelse-foto-active article + .comments-area,
body.daan-speelse-foto-active article + #comments {
  display:none!important;
}

/* v1.0.33: per pagina/bericht instelbare kleuren voor H1, H2, H3 en H4 */
.dsfp-title-panel h1,
.dsfp-story-text h1,
.dsfp-report-text h1{
  color:var(--dsfp-h1-color, #17435c)!important;
}
.dsfp-story-text h2,
.dsfp-report-text h2{
  color:var(--dsfp-h2-color, #17435c)!important;
}
.dsfp-story-text h3,
.dsfp-report-text h3{
  color:var(--dsfp-h3-color, #17435c)!important;
}
.dsfp-story-text h4,
.dsfp-report-text h4{
  color:var(--dsfp-h4-color, #17435c)!important;
}


/* v1.0.35: reacties per pagina/bericht onderaan in het eigen tekstvlak */
.dsfp-comments-section{
  display:block!important;
  margin-top:clamp(34px,5vw,64px)!important;
  padding-top:clamp(24px,3vw,38px)!important;
  border-top:1px solid rgba(23,67,92,.22)!important;
  color:#17435c!important;
  font-family:Georgia,"Times New Roman",serif!important;
}
.dsfp-comments-section h2,
.dsfp-comments-section h3,
.dsfp-comments-section .comment-reply-title{
  color:var(--dsfp-h2-color, #17435c)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:600!important;
}
.dsfp-comments-section .comment-list,
.dsfp-comments-section .dsfp-comment-list{
  display:block!important;
  list-style:none!important;
  margin:18px 0 28px!important;
  padding:0!important;
}
.dsfp-comments-section .comment,
.dsfp-comments-section .pingback,
.dsfp-comments-section .trackback{
  display:block!important;
  margin:0 0 18px!important;
  padding:18px 20px!important;
  border-radius:20px!important;
  background:rgba(255,250,242,.72)!important;
  box-shadow:0 8px 20px rgba(45,35,25,.10)!important;
}
.dsfp-comments-section .comment-meta,
.dsfp-comments-section .comment-author,
.dsfp-comments-section .comment-metadata{
  color:#17435c!important;
  font-size:15px!important;
}
.dsfp-comments-section .comment-content{
  color:#17384d!important;
  line-height:1.65!important;
}
.dsfp-comments-section .comment-respond,
.dsfp-comments-section #respond,
.dsfp-comments-section form,
.dsfp-comments-section p,
.dsfp-comments-section label{
  display:block!important;
}
.dsfp-comments-section input[type="text"],
.dsfp-comments-section input[type="email"],
.dsfp-comments-section input[type="url"],
.dsfp-comments-section textarea{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(23,67,92,.24)!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  background:rgba(255,255,255,.82)!important;
  color:#17384d!important;
}
.dsfp-comments-section textarea{
  min-height:130px!important;
}
.dsfp-comments-section .submit,
.dsfp-comments-section input[type="submit"]{
  display:inline-block!important;
  border:0!important;
  border-radius:999px!important;
  padding:12px 24px!important;
  background:#17435c!important;
  color:#fff!important;
  cursor:pointer!important;
  font-weight:700!important;
}
.dsfp-no-comments{
  color:#17384d!important;
  font-style:italic!important;
}


/* v1.0.36: reactieformulier zichtbaar maken binnen de eigen reactiesectie
   De eerdere algemene verberg-regel voor thema-reacties was sterker dan het formulier. */
body.daan-speelse-foto-active .dsfp-comments-section .comment-respond,
body.daan-speelse-foto-active .dsfp-comments-section #respond,
body.daan-speelse-foto-active .dsfp-comments-section #commentform,
body.daan-speelse-foto-active .dsfp-comments-section form.comment-form{
  display:block!important;
}
body.daan-speelse-foto-active .dsfp-comments-section .form-submit,
body.daan-speelse-foto-active .dsfp-comments-section .comment-form-comment,
body.daan-speelse-foto-active .dsfp-comments-section .comment-form-author,
body.daan-speelse-foto-active .dsfp-comments-section .comment-form-email,
body.daan-speelse-foto-active .dsfp-comments-section .comment-form-url,
body.daan-speelse-foto-active .dsfp-comments-section .comment-form-cookies-consent{
  display:block!important;
}

/* v1.0.39: veilig eigen reactieformulier binnen de mal, zonder brede thema-verbergregels */
body.daan-speelse-foto-active .dsfp-comments-section .dsfp-comment-form-wrap,
body.daan-speelse-foto-active .dsfp-comments-section .dsfp-own-comment-form,
body.daan-speelse-foto-active .dsfp-comments-section .dsfp-own-comment-form p,
body.daan-speelse-foto-active .dsfp-comments-section .dsfp-own-comment-form label,
body.daan-speelse-foto-active .dsfp-comments-section .dsfp-own-comment-form input,
body.daan-speelse-foto-active .dsfp-comments-section .dsfp-own-comment-form textarea{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.daan-speelse-foto-active .dsfp-comments-section .dsfp-own-comment-form input[type="submit"]{
  display:inline-block!important;
}
.dsfp-comments-section .dsfp-comment-form-wrap{
  margin-top:22px!important;
}
.dsfp-comments-section .required{
  color:#8b2d1d!important;
}

/* v1.0.40: ook links 3 speelse foto's en een dunne sierlijke rand om links/rechts */
.dsfp-side-stack .dsfp-photo-card,
.dsfp-right-stack .dsfp-photo-card,
.dsfp-left-stack .dsfp-photo-card{
  border:1px solid rgba(23,67,92,.24)!important;
  border-radius:5px!important;
  box-shadow:0 12px 26px rgba(45,35,25,.22), inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
.dsfp-side-stack .dsfp-photo-card img,
.dsfp-right-stack .dsfp-photo-card img,
.dsfp-left-stack .dsfp-photo-card img{
  border:1px solid rgba(23,67,92,.18)!important;
  border-radius:3px!important;
}
.dsfp-left-stack{
  position:absolute!important;
  z-index:14!important;
  left:clamp(34px,6vw,110px)!important;
  top:42px!important;
  width:min(34vw,420px)!important;
  height:420px!important;
  max-width:420px!important;
  pointer-events:none!important;
  background:transparent!important;
  overflow:visible!important;
}
.dsfp-left-stack .dsfp-card-1{
  top:0!important;
  left:38px!important;
  right:auto!important;
  transform:rotate(5deg)!important;
}
.dsfp-left-stack .dsfp-card-1:hover{
  transform:rotate(3deg) scale(1.03)!important;
}
.dsfp-left-stack .dsfp-card-2{
  top:150px!important;
  left:150px!important;
  right:auto!important;
  transform:rotate(-5deg)!important;
}
.dsfp-left-stack .dsfp-card-2:hover{
  transform:rotate(-3deg) scale(1.03)!important;
}
.dsfp-left-stack .dsfp-card-3{
  top:295px!important;
  left:18px!important;
  right:auto!important;
  transform:rotate(2deg)!important;
}
.dsfp-left-stack .dsfp-card-3:hover{
  transform:rotate(0deg) scale(1.03)!important;
}
@media(max-width:900px){
  .dsfp-left-stack{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:390px!important;
    margin:0 auto 20px!important;
  }
  .dsfp-left-stack .dsfp-card-1{left:20px!important;right:auto!important;}
  .dsfp-left-stack .dsfp-card-2{left:auto!important;right:20px!important;}
  .dsfp-left-stack .dsfp-card-3{left:44px!important;right:auto!important;}
}


/* v1.0.41: duidelijkere sierlijke fotorand en fotostapels iets hoger/compacter
   Daardoor valt de onderste foto niet achter de onderste titelbalk wanneer er geen tekst onder staat. */
.dsfp-right-stack,
.dsfp-left-stack{
  top:22px!important;
  height:398px!important;
}
.dsfp-right-stack .dsfp-photo-card,
.dsfp-left-stack .dsfp-photo-card,
.dsfp-side-stack .dsfp-photo-card{
  position:absolute!important;
  border:1px solid rgba(23,67,92,.48)!important;
  border-radius:7px!important;
  background:#fffaf2!important;
  padding:clamp(8px,.8vw,12px)!important;
  box-shadow:
    0 0 0 3px rgba(255,250,242,.96),
    0 0 0 4px rgba(23,67,92,.18),
    0 12px 26px rgba(45,35,25,.24)!important;
}
.dsfp-right-stack .dsfp-photo-card::before,
.dsfp-left-stack .dsfp-photo-card::before,
.dsfp-side-stack .dsfp-photo-card::before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  z-index:3!important;
  border:1px solid rgba(23,67,92,.34)!important;
  border-radius:4px!important;
  pointer-events:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
.dsfp-right-stack .dsfp-photo-card img,
.dsfp-left-stack .dsfp-photo-card img,
.dsfp-side-stack .dsfp-photo-card img{
  position:relative!important;
  z-index:1!important;
  border:1px solid rgba(23,67,92,.26)!important;
  border-radius:4px!important;
}
.dsfp-right-stack .dsfp-card-1{top:0!important;right:40px!important;}
.dsfp-right-stack .dsfp-card-2{top:128px!important;right:150px!important;}
.dsfp-right-stack .dsfp-card-3{top:248px!important;right:20px!important;}
.dsfp-left-stack .dsfp-card-1{top:0!important;left:38px!important;right:auto!important;}
.dsfp-left-stack .dsfp-card-2{top:128px!important;left:150px!important;right:auto!important;}
.dsfp-left-stack .dsfp-card-3{top:248px!important;left:18px!important;right:auto!important;}
.dsfp-scroll-middle.dsfp-has-side-photos{
  padding-bottom:70px!important;
}
@media(max-width:900px){
  .dsfp-right-stack,
  .dsfp-left-stack{
    top:auto!important;
    height:390px!important;
  }
  .dsfp-right-stack .dsfp-card-1{top:0!important;right:20px!important;}
  .dsfp-right-stack .dsfp-card-2{top:128px!important;right:auto!important;left:20px!important;}
  .dsfp-right-stack .dsfp-card-3{top:248px!important;right:44px!important;}
  .dsfp-left-stack .dsfp-card-1{top:0!important;left:20px!important;right:auto!important;}
  .dsfp-left-stack .dsfp-card-2{top:128px!important;left:auto!important;right:20px!important;}
  .dsfp-left-stack .dsfp-card-3{top:248px!important;left:44px!important;right:auto!important;}
}


/* v1.0.42: sierlijke ornamentrand rond de speelse foto's + staand/liggend formaat */
.dsfp-right-stack,
.dsfp-left-stack{
  height:430px!important;
}
.dsfp-side-stack .dsfp-photo-card{
  overflow:visible!important;
  border:0!important;
  border-radius:2px!important;
  background:#fffaf2!important;
  padding:18px!important;
  box-shadow:0 14px 30px rgba(45,35,25,.25)!important;
}
.dsfp-side-stack .dsfp-photo-card.dsfp-photo-landscape{
  width:clamp(160px,13vw,230px)!important;
  height:clamp(118px,9.6vw,174px)!important;
}
.dsfp-side-stack .dsfp-photo-card.dsfp-photo-portrait{
  width:clamp(126px,10vw,172px)!important;
  height:clamp(170px,14vw,235px)!important;
}
.dsfp-side-stack .dsfp-photo-card::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  z-index:4!important;
  border:1px solid rgba(23,67,92,.52)!important;
  border-radius:10px!important;
  pointer-events:none!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,250,242,.85),
    0 0 0 1px rgba(255,250,242,.95)!important;
}
.dsfp-side-stack .dsfp-photo-card::after{
  content:""!important;
  position:absolute!important;
  inset:15px!important;
  z-index:4!important;
  border:1px solid rgba(23,67,92,.22)!important;
  border-radius:8px!important;
  pointer-events:none!important;
}
.dsfp-side-stack .dsfp-photo-card img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:1px solid rgba(23,67,92,.20)!important;
  border-radius:4px!important;
}
.dsfp-side-stack .dsfp-orn{
  position:absolute!important;
  z-index:6!important;
  width:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#17435c!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:30px!important;
  line-height:1!important;
  pointer-events:none!important;
  text-shadow:0 1px 0 rgba(255,255,255,.75)!important;
}
.dsfp-side-stack .dsfp-orn-tl{left:-3px!important;top:-3px!important;transform:rotate(-45deg)!important;}
.dsfp-side-stack .dsfp-orn-tr{right:-3px!important;top:-3px!important;transform:rotate(45deg)!important;}
.dsfp-side-stack .dsfp-orn-bl{left:-3px!important;bottom:-3px!important;transform:rotate(-135deg)!important;}
.dsfp-side-stack .dsfp-orn-br{right:-3px!important;bottom:-3px!important;transform:rotate(135deg)!important;}
.dsfp-right-stack .dsfp-card-1{top:0!important;right:38px!important;}
.dsfp-right-stack .dsfp-card-2{top:132px!important;right:155px!important;}
.dsfp-right-stack .dsfp-card-3{top:258px!important;right:18px!important;}
.dsfp-left-stack .dsfp-card-1{top:0!important;left:38px!important;right:auto!important;}
.dsfp-left-stack .dsfp-card-2{top:132px!important;left:155px!important;right:auto!important;}
.dsfp-left-stack .dsfp-card-3{top:258px!important;left:18px!important;right:auto!important;}
.dsfp-scroll-middle.dsfp-has-side-photos{padding-bottom:96px!important;}
@media(max-width:900px){
  .dsfp-side-stack .dsfp-photo-card{padding:16px!important;}
  .dsfp-side-stack .dsfp-photo-card.dsfp-photo-portrait{width:138px!important;height:196px!important;}
  .dsfp-side-stack .dsfp-photo-card.dsfp-photo-landscape{width:190px!important;height:145px!important;}
}


/* v1.0.43: rustigere sierlijke fotorand zonder zwarte ornament-tekens.
   De vorige krulletjes waren te grof. Dit is een subtiele dubbele fotolijst
   die automatisch staand/liggend meeloopt met het fotoformaat. */
.dsfp-side-stack .dsfp-orn{
  display:none!important;
}
.dsfp-right-stack,
.dsfp-left-stack{
  height:410px!important;
}
.dsfp-side-stack .dsfp-photo-card{
  overflow:visible!important;
  border:1px solid rgba(23,67,92,.30)!important;
  border-radius:8px!important;
  background:#fffaf2!important;
  padding:12px!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.85),
    0 0 0 4px rgba(255,250,242,.92),
    0 12px 26px rgba(45,35,25,.22)!important;
}
.dsfp-side-stack .dsfp-photo-card.dsfp-photo-landscape{
  width:clamp(170px,13vw,230px)!important;
  height:clamp(122px,9.3vw,166px)!important;
}
.dsfp-side-stack .dsfp-photo-card.dsfp-photo-portrait{
  width:clamp(128px,10vw,176px)!important;
  height:clamp(176px,13vw,228px)!important;
}
.dsfp-side-stack .dsfp-photo-card::before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  z-index:4!important;
  pointer-events:none!important;
  border:1px solid rgba(23,67,92,.38)!important;
  border-radius:7px!important;
  box-shadow:inset 0 0 0 3px rgba(255,250,242,.92)!important;
}
.dsfp-side-stack .dsfp-photo-card::after{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  z-index:5!important;
  pointer-events:none!important;
  border-radius:5px!important;
  background:
    radial-gradient(circle at left top, transparent 0 13px, rgba(23,67,92,.42) 14px 15px, transparent 16px),
    radial-gradient(circle at right top, transparent 0 13px, rgba(23,67,92,.42) 14px 15px, transparent 16px),
    radial-gradient(circle at left bottom, transparent 0 13px, rgba(23,67,92,.42) 14px 15px, transparent 16px),
    radial-gradient(circle at right bottom, transparent 0 13px, rgba(23,67,92,.42) 14px 15px, transparent 16px)!important;
  background-size:28px 28px!important;
  background-position:left top, right top, left bottom, right bottom!important;
  background-repeat:no-repeat!important;
}
.dsfp-side-stack .dsfp-photo-card img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:1px solid rgba(23,67,92,.18)!important;
  border-radius:4px!important;
}
.dsfp-right-stack .dsfp-card-1{top:0!important;right:42px!important;}
.dsfp-right-stack .dsfp-card-2{top:126px!important;right:148px!important;}
.dsfp-right-stack .dsfp-card-3{top:244px!important;right:24px!important;}
.dsfp-left-stack .dsfp-card-1{top:0!important;left:42px!important;right:auto!important;}
.dsfp-left-stack .dsfp-card-2{top:126px!important;left:148px!important;right:auto!important;}
.dsfp-left-stack .dsfp-card-3{top:244px!important;left:24px!important;right:auto!important;}
.dsfp-scroll-middle.dsfp-has-side-photos{padding-bottom:88px!important;}
@media(max-width:900px){
  .dsfp-side-stack .dsfp-photo-card{padding:11px!important;}
  .dsfp-side-stack .dsfp-photo-card.dsfp-photo-portrait{width:138px!important;height:194px!important;}
  .dsfp-side-stack .dsfp-photo-card.dsfp-photo-landscape{width:190px!important;height:140px!important;}
}


/* v1.0.44: fotorand eenvoudiger en veel dunner: ongeveer 4px wit randje om de foto. */
.dsfp-side-stack .dsfp-orn{
  display:none!important;
}
.dsfp-side-stack .dsfp-photo-card{
  overflow:hidden!important;
  border:1px solid rgba(23,67,92,.22)!important;
  border-radius:4px!important;
  background:#fffaf2!important;
  padding:4px!important;
  box-shadow:0 10px 22px rgba(45,35,25,.22)!important;
}
.dsfp-side-stack .dsfp-photo-card::before,
.dsfp-side-stack .dsfp-photo-card::after{
  content:none!important;
  display:none!important;
}
.dsfp-side-stack .dsfp-photo-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
@media(max-width:900px){
  .dsfp-side-stack .dsfp-photo-card{padding:4px!important;}
}


/* v1.0.45: definitief simpele foto-rand: geen ornamenten, geen dubbele lijst, alleen 4px rand direct om de foto. */
.dsfp-side-stack .dsfp-orn{display:none!important;content:none!important;}
.dsfp-right-stack .dsfp-photo-card,
.dsfp-left-stack .dsfp-photo-card,
.dsfp-side-stack .dsfp-photo-card{
  overflow:hidden!important;
  background:#fffaf2!important;
  padding:4px!important;
  border:0!important;
  outline:0!important;
  border-radius:3px!important;
  box-shadow:0 10px 22px rgba(45,35,25,.20)!important;
}
.dsfp-right-stack .dsfp-photo-card::before,
.dsfp-right-stack .dsfp-photo-card::after,
.dsfp-left-stack .dsfp-photo-card::before,
.dsfp-left-stack .dsfp-photo-card::after,
.dsfp-side-stack .dsfp-photo-card::before,
.dsfp-side-stack .dsfp-photo-card::after{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}
.dsfp-right-stack .dsfp-photo-card img,
.dsfp-left-stack .dsfp-photo-card img,
.dsfp-side-stack .dsfp-photo-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:1px!important;
  box-shadow:none!important;
}

/* v1.0.46: contactformulier binnen de speelse fotopagina */
.dsfp-contact-section{
  display:block!important;
  margin-top:clamp(34px,5vw,64px)!important;
  padding-top:clamp(24px,3vw,38px)!important;
  border-top:1px solid rgba(23,67,92,.22)!important;
  color:#17435c!important;
  font-family:Georgia,"Times New Roman",serif!important;
}
.dsfp-contact-section h2{
  margin-top:0!important;
  color:var(--dsfp-h2-color, #17435c)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:600!important;
}
.dsfp-contact-section form,
.dsfp-contact-section p,
.dsfp-contact-section label{
  display:block!important;
}
.dsfp-contact-section label{
  margin-bottom:7px!important;
  color:#17435c!important;
  font-weight:600!important;
}
.dsfp-contact-section input[type="text"],
.dsfp-contact-section input[type="email"],
.dsfp-contact-section textarea{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(23,67,92,.24)!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  background:rgba(255,255,255,.82)!important;
  color:#17384d!important;
  font-family:Arial,"Helvetica Neue",sans-serif!important;
  font-size:16px!important;
}
.dsfp-contact-section textarea{
  min-height:150px!important;
  resize:vertical!important;
}
.dsfp-contact-submit{
  display:inline-block!important;
  border:0!important;
  border-radius:999px!important;
  padding:12px 26px!important;
  background:#17435c!important;
  color:#fff!important;
  cursor:pointer!important;
  font-weight:700!important;
  font-family:Arial,"Helvetica Neue",sans-serif!important;
}
.dsfp-contact-submit:hover{
  background:#0f3b58!important;
}
.dsfp-contact-message{
  border-radius:16px!important;
  padding:13px 16px!important;
  background:rgba(255,250,242,.76)!important;
  box-shadow:0 8px 20px rgba(45,35,25,.10)!important;
}
.dsfp-contact-success{
  color:#17435c!important;
}
.dsfp-contact-error{
  color:#8b2d1d!important;
}
.dsfp-contact-hp{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

/* v1.0.47: compact contactformulier rechts naast de titel */
.dsfp-contact-side{
  position:absolute!important;
  z-index:18!important;
  top:18px!important;
  right:clamp(70px,10vw,185px)!important;
  width:min(360px,31vw)!important;
  max-width:360px!important;
  box-sizing:border-box!important;
}
.dsfp-contact-side .dsfp-contact-section{
  margin:0!important;
  padding:16px 18px 14px!important;
  border:1px solid rgba(23,67,92,.18)!important;
  border-radius:24px!important;
  background:rgba(244,235,219,.58)!important;
  box-shadow:0 12px 28px rgba(45,35,25,.12)!important;
  backdrop-filter:blur(1px)!important;
}
.dsfp-contact-side .dsfp-contact-section h2{
  display:none!important;
}
.dsfp-contact-side .dsfp-contact-section p{
  margin:0 0 8px!important;
}
.dsfp-contact-side .dsfp-contact-section label{
  margin-bottom:4px!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.dsfp-contact-side .dsfp-contact-section input[type="text"],
.dsfp-contact-side .dsfp-contact-section input[type="email"],
.dsfp-contact-side .dsfp-contact-section textarea{
  border-radius:10px!important;
  padding:8px 10px!important;
  font-size:14px!important;
  line-height:1.25!important;
  background:rgba(255,255,255,.86)!important;
}
.dsfp-contact-side .dsfp-contact-section textarea{
  min-height:88px!important;
}
.dsfp-contact-side .dsfp-contact-submit{
  padding:8px 20px!important;
  font-size:14px!important;
}
.dsfp-contact-side .dsfp-contact-submit-wrap{
  margin-top:10px!important;
  margin-bottom:0!important;
}
.dsfp-contact-side .dsfp-contact-message{
  padding:9px 12px!important;
  border-radius:12px!important;
  font-size:14px!important;
}

@media(max-width:900px){
  .dsfp-contact-side{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:420px!important;
    margin:0 auto 22px!important;
  }
}


/* v1.0.48: paginalinks als genummerde lijst tonen */
.dsfp-choice-list{list-style:disc!important;}
.dsfp-choice-list li{display:list-item!important;}


/* v1.0.53: laptopfix titel/ondertitel veilig naast de linker foto’s.
   Op 15,6 inch schermen stond de titel te ver links en kon hij achter de foto vallen. */
@media (min-width:901px){
  .dsfp-scroll-middle.dsfp-has-left-photos .dsfp-title-panel{
    margin-left:clamp(390px,32vw,500px)!important;
    width:min(32vw,460px)!important;
    max-width:460px!important;
  }
  .dsfp-scroll-middle.dsfp-has-left-photos .dsfp-title-panel h1,
  .dsfp-scroll-middle.dsfp-has-left-photos .dsfp-subtitle,
  .dsfp-scroll-middle.dsfp-has-left-photos .dsfp-intro{
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}
@media (min-width:901px) and (max-width:1280px){
  .dsfp-scroll-middle.dsfp-has-left-photos .dsfp-title-panel{
    margin-left:360px!important;
    width:min(34vw,430px)!important;
  }
}
@media (min-width:901px) and (max-width:1180px){
  .dsfp-scroll-middle.dsfp-has-left-photos .dsfp-title-panel{
    margin-left:330px!important;
    width:min(36vw,400px)!important;
  }
  .dsfp-scroll-middle.dsfp-has-left-photos .dsfp-title-panel h1{
    font-size:min(var(--dsfp-title-size,72px),64px)!important;
  }
}


/* v1.0.54: tekstvlak ook bij linker foto's onder de fotostapel laten beginnen.
   De oude regel werkte alleen bij rechter foto's, daardoor viel de linker fotostapel over de tekst heen. */
@media (min-width:901px){
  .dsfp-scroll-middle.dsfp-has-left-photos .dsfp-story-box,
  .dsfp-scroll-middle.dsfp-has-side-photos .dsfp-story-box{
    margin-top:clamp(190px,20vh,260px)!important;
  }
}
@media (max-width:900px){
  .dsfp-scroll-middle.dsfp-has-left-photos .dsfp-story-box,
  .dsfp-scroll-middle.dsfp-has-side-photos .dsfp-story-box{
    margin-top:20px!important;
  }
}

/* v1.0.55: mobiele homepage achtergrond beter uitlijnen.
   Op smalle telefoons viel het gezicht rechts deels buiten beeld door background-position:center. */
@media (max-width:900px){
  .dsfp-shell{
    background-position:82% center!important;
  }
}
@media (max-width:520px){
  .dsfp-shell{
    background-position:88% center!important;
  }
}


/* v1.0.56: mobiele achtergrondpositie werkt nu ook met de inline achtergrondstijl.
   De inline style gebruikte eerst background-position:center!important; daardoor kon de CSS van v1.0.55 niets overschrijven. */
@media (max-width:900px){
  .dsfp-shell{
    --dsfp-bg-position:96% center!important;
  }
}
@media (max-width:520px){
  .dsfp-shell{
    --dsfp-bg-position:100% center!important;
  }
}


/* v1.0.57: mobiele layout volledig rustiger gemaakt.
   Op telefoons tonen we de losse zijfoto-stapels niet meer boven of door de tekst.
   De mobiele pagina krijgt één duidelijke kolom: menu, titel, tekst, galerij en ondermenu. */
@media (max-width:900px){
  .dsfp-shell{
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
    background-size:cover!important;
    --dsfp-bg-position:78% top!important;
  }

  .dsfp-top-wrap{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    padding:18px 12px 10px!important;
    background:rgba(247,238,226,.70)!important;
  }

  .dsfp-top-menu{
    justify-content:center!important;
    gap:10px 14px!important;
  }

  .dsfp-top-menu a{
    font-size:12px!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
  }

  .dsfp-scroll-middle{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    overflow:visible!important;
    padding:28px 14px 24px!important;
    box-sizing:border-box!important;
  }

  .dsfp-title-panel{
    width:auto!important;
    max-width:420px!important;
    margin:0 auto 24px!important;
    padding:22px 18px 20px!important;
    background:rgba(247,238,226,.72)!important;
    border-radius:28px!important;
    box-shadow:0 12px 28px rgba(45,35,25,.10)!important;
    text-align:center!important;
  }

  .dsfp-title-panel h1{
    font-size:min(var(--dsfp-title-size,72px),52px)!important;
    line-height:1!important;
    margin-top:0!important;
  }

  .dsfp-subtitle{
    font-size:min(var(--dsfp-subtitle-size,20px),20px)!important;
    line-height:1.25!important;
    letter-spacing:.16em!important;
  }

  .dsfp-intro,
  .dsfp-intro p{
    font-size:min(var(--dsfp-intro-size,24px),22px)!important;
    line-height:1.25!important;
  }

  .dsfp-divider span{
    width:82px!important;
  }

  .dsfp-left-stack,
  .dsfp-right-stack,
  .dsfp-side-stack{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .dsfp-story-box,
  .dsfp-scroll-middle.dsfp-has-left-photos .dsfp-story-box,
  .dsfp-scroll-middle.dsfp-has-right-photos .dsfp-story-box,
  .dsfp-scroll-middle.dsfp-has-side-photos .dsfp-story-box{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 24px!important;
    padding:22px 16px!important;
    border-radius:22px!important;
    background:rgba(244,235,219,.66)!important;
    box-sizing:border-box!important;
  }

  .dsfp-story-text,
  .dsfp-report-text{
    --dsfp-text-left:0px!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    font-size:17px!important;
    line-height:1.65!important;
    box-sizing:border-box!important;
  }

  .dsfp-story-text figure,
  .dsfp-report-text figure,
  .dsfp-report-figure,
  .dsfp-story-text figure.alignleft,
  .dsfp-story-text figure.alignright,
  .dsfp-report-text figure.alignleft,
  .dsfp-report-text figure.alignright,
  .dsfp-report-figure.alignleft,
  .dsfp-report-figure.alignright{
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    margin:18px auto!important;
  }

  .dsfp-story-text img,
  .dsfp-report-text img{
    max-width:100%!important;
    height:auto!important;
  }

  .dsfp-gallery{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .dsfp-bottom-menu{
    position:relative!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    grid-template-columns:repeat(2,1fr)!important;
    padding:24px 18px 20px!important;
    gap:14px 10px!important;
    min-height:0!important;
  }

  .dsfp-cat-title{
    font-size:28px!important;
  }

  .dsfp-cat-text{
    font-size:13px!important;
  }

  .dsfp-blue-footer{
    position:relative!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    min-height:74px!important;
    grid-template-columns:1fr!important;
    text-align:center!important;
    padding:0 18px!important;
  }
}

@media (max-width:520px){
  .dsfp-shell{
    --dsfp-bg-position:72% top!important;
  }
  .dsfp-scroll-middle{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .dsfp-title-panel{
    max-width:calc(100vw - 36px)!important;
  }
}


/* v1.0.58: zijfoto's ook zichtbaar op mobiele telefoon.
   Desktop-regels gebruikten !important, daardoor wonnen ze van de oude mobiele regels.
   Hier zetten we de linker/rechter fotostapel op mobiel netjes in de normale pagina-flow. */
@media(max-width:900px){
  .dsfp-scroll-middle .dsfp-right-stack,
  .dsfp-scroll-middle .dsfp-left-stack,
  .dsfp-scroll-middle .dsfp-side-stack{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:14!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:min(100%,360px)!important;
    max-width:360px!important;
    height:370px!important;
    margin:0 auto 24px!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
    pointer-events:none!important;
    clear:both!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-photo-card{
    display:block!important;
    position:absolute!important;
    pointer-events:auto!important;
    opacity:1!important;
    visibility:visible!important;
    max-width:none!important;
    max-height:none!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-photo-card.dsfp-photo-landscape{
    width:176px!important;
    height:130px!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-photo-card.dsfp-photo-portrait{
    width:124px!important;
    height:176px!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-card-1{
    top:0!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%) rotate(-4deg)!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-card-2{
    top:112px!important;
    left:14px!important;
    right:auto!important;
    transform:rotate(5deg)!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-card-3{
    top:224px!important;
    left:auto!important;
    right:14px!important;
    transform:rotate(-2deg)!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-card-1:hover{
    transform:translateX(-50%) rotate(-2deg) scale(1.03)!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-card-2:hover{
    transform:rotate(3deg) scale(1.03)!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-card-3:hover{
    transform:rotate(0deg) scale(1.03)!important;
  }
}

@media(max-width:430px){
  .dsfp-scroll-middle .dsfp-right-stack,
  .dsfp-scroll-middle .dsfp-left-stack,
  .dsfp-scroll-middle .dsfp-side-stack{
    height:345px!important;
    max-width:320px!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-photo-card.dsfp-photo-landscape{
    width:158px!important;
    height:118px!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-photo-card.dsfp-photo-portrait{
    width:112px!important;
    height:158px!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-card-2{
    top:104px!important;
    left:8px!important;
  }

  .dsfp-scroll-middle .dsfp-side-stack .dsfp-card-3{
    top:208px!important;
    right:8px!important;
  }
}