.elementor-kit-23{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-color-e2b494d:#000000;--e-global-color-668a50a:#000000;--e-global-color-f737c9a:#FFFFFF00;--e-global-color-3c65eba:#00000080;--e-global-typography-primary-font-family:"DM Serif Display";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:0.9em;--e-global-typography-primary-letter-spacing:-0.3px;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.3em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:25px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0em;--e-global-typography-08bcdff-font-family:"DM Serif Display";--e-global-typography-08bcdff-font-size:12vw;--e-global-typography-08bcdff-font-weight:400;--e-global-typography-08bcdff-text-transform:capitalize;--e-global-typography-08bcdff-font-style:normal;--e-global-typography-08bcdff-text-decoration:none;--e-global-typography-08bcdff-line-height:0.8em;--e-global-typography-08bcdff-letter-spacing:-0.3px;--e-global-typography-08bcdff-word-spacing:0em;--e-global-typography-3111954-font-family:"DM Sans";--e-global-typography-3111954-font-size:18px;--e-global-typography-3111954-font-weight:500;--e-global-typography-3111954-text-transform:uppercase;--e-global-typography-3111954-font-style:normal;--e-global-typography-3111954-text-decoration:none;--e-global-typography-3111954-line-height:1em;--e-global-typography-3111954-letter-spacing:-0.2px;--e-global-typography-3111954-word-spacing:0em;background-color:var( --e-global-color-668a50a );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-accent );--e-preloader-size:20px;}.elementor-kit-23 e-page-transition{background-color:var( --e-global-color-e2b494d );}.elementor-kit-23 a{color:var( --e-global-color-accent );}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-23{--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:18px;--e-global-typography-3111954-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-23{--e-global-typography-primary-font-size:62px;--e-global-typography-secondary-font-size:18px;--e-global-typography-accent-font-size:16px;--e-global-typography-08bcdff-font-size:70px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.boek-wrapper {
  perspective: 1200px;
  display: flex;
  justify-content: center;
}

.boek {
  position: relative;
  width: 600px;
  height: 400px;
}

.pagina {
  position: absolute;
  width: 300px;
  height: 400px;
  background: #fafafa;
  padding: 30px;
  box-sizing: border-box;
  transform-origin: left center;
  transition: transform 1s ease;
  backface-visibility: hidden;
}

.p1 { z-index: 3; left: 0; }
.p2 { z-index: 2; left: 0; }
.p3 { left: 300px; }

#page1:checked ~ .boek .p1 {
  transform: rotateY(-180deg);
}

#page2:checked ~ .boek .p2 {
  transform: rotateY(-180deg);
}

.klik-zone {
  position: absolute;
  inset: 0;
  cursor: pointer;
}/* End custom CSS */