/* Gegenereerd uit /home/claude/sensorischezorg-website/src/tools/onderwijs/index.html door tools_build.js */
#pp-app *{box-sizing:border-box;margin:0;padding:0;}
#pp-app{font-family:Carlito, Calibri, sans-serif;color:#2B2B2B;}
#pp-app h1,#pp-app h2,#pp-app h3,#pp-app .kop{font-family:Poppins, sans-serif;}
#pp-app input:focus,#pp-app button:focus{outline:3px solid #F2B9C8;outline-offset:1px;}
#pp-app{}
#pp-app .grid7{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
#pp-app .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#pp-app .zg{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;}
@media (max-width:560px){#pp-app .grid7{grid-template-columns:repeat(4,1fr);}
#pp-app .zg{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));}
#pp-app .kaart{padding:20px 15px !important;border-radius:20px !important;}
}
@media (max-width:380px){#pp-app .zg{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));}
}
#pp-app .kaart{overflow-wrap:break-word;word-wrap:break-word;}
@media (max-width:560px){#pp-app .grid7{grid-template-columns:repeat(4,1fr);}
#pp-app .grid2{grid-template-columns:1fr;}
}
#pp-app .fade{animation:fade .25s ease;}
@keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
#pp-app .pop{animation:pop .3s cubic-bezier(.18,.89,.32,1.28);}
@keyframes pop{from{opacity:0;transform:scale(.9);}to{opacity:1;transform:scale(1);}}
#pp-app .print-only{display:none;}
@media print{#pp-app{}
#pp-app .no-print{display:none !important;}
#pp-app .print-only{display:block !important;}
#pp-app #root>div{background:#fff !important;padding:0 !important;min-height:unset !important;}
#pp-app .kaart{box-shadow:none !important;border:none !important;max-width:100% !important;}
#pp-app .pb{page-break-inside:avoid;break-inside:avoid;}
}

#pp-app{background:transparent;color:#2B2B2B;font-family:Carlito,Calibri,sans-serif}
#pp-app h1,#pp-app h2,#pp-app h3{font-family:Poppins,"Segoe UI",sans-serif;letter-spacing:-.01em}
#pp-app button{font-family:Poppins,"Segoe UI",sans-serif}
#pp-app input,#pp-app textarea{font-family:Carlito,Calibri,sans-serif;font-size:16px}
@media print{
  .site-header,.site-footer,.toestemming,.pp-niet-printen{display:none!important}
  body{background:#fff!important}
  main#inhoud{padding:0!important}
  .invul-sectie{background:#fff!important;padding:0!important}
  #pp-app{max-width:none!important}
  #pp-app #root > div > div{box-shadow:none!important;border:none!important;max-width:100%!important;padding:0!important;border-radius:0!important}
}