html, body {
  background:#DE554F;
}
.temp {
  background:#DE554F;
  color:#171717;
  box-sizing:border-box;
  height:auto;
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  padding:32px 24px;
  padding-top:calc(32px + env(safe-area-inset-top, 0px));
  padding-right:calc(24px + env(safe-area-inset-right, 0px));
  padding-bottom:calc(32px + env(safe-area-inset-bottom, 0px));
  padding-left:calc(24px + env(safe-area-inset-left, 0px));
}
.temp .home-title {
  width:100%;
  max-width:380px;
  margin:0 auto;
  line-height:1;
}
.temp .c-logo {
  display:block;
  max-width:100%;
  height:auto;
}
.temp p {
  color:inherit;
  line-height:1.5;
}
.temp .home-divider { background:rgba(255,255,255,.5); }
.temp .home-contact {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  max-width:100%;
  width:64px;
  height:64px;
  padding:12px;
  color:inherit;
  background:rgba(255,250,243,.08);
  border:0;
  text-decoration:none;
  border-radius:50%;
}
.home-contact img { flex-shrink:0; }
.temp .home-contact:hover { background:rgba(0,0,0,.08); }
@media (forced-colors:active) {
  .temp .home-contact { background:ButtonFace; color:ButtonText; }
  .home-contact img {
    forced-color-adjust:none;
    background:#000;
    border-radius:3px;
  }
}
.temp a:focus-visible {
  outline:3px solid #171717;
  outline-offset:4px;
}
@media (forced-colors:active) {
  .temp a:focus-visible { outline-color:Highlight; }
}

/* Actueel merkpalet. Lichte tekst op koraal blijft groot genoeg voor contrast. */
.temp{background:#DE554F;color:#FFFAF3}
.temp p{font-size:24px;line-height:1.5}
.temp .home-divider{background:#FFF5E7}
.temp .home-contact:hover{background:rgba(255,250,243,.16)}
.temp a:focus-visible{outline-color:#FFFAF3}
@media(forced-colors:active){.temp a:focus-visible{outline-color:Highlight}}