.elementor-2015 .elementor-element.elementor-element-8d43ee2 .elementor-repeater-item-6ab1ee8.jet-parallax-section__layout .jet-parallax-section__image{background-image:url("https://stichtingdeparelhoeve.nl/wp-content/uploads/2019/11/courses-banner-big-shape.png");background-size:auto;}.elementor-2015 .elementor-element.elementor-element-111f8c0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2015 .elementor-element.elementor-element-111f8c0{z-index:2;text-align:center;}.elementor-2015 .elementor-element.elementor-element-8d43ee2 .elementor-repeater-item-876b5e5.jet-parallax-section__layout .jet-parallax-section__image{background-image:url("https://stichtingdeparelhoeve.nl/wp-content/uploads/2019/11/boer.png");background-size:auto;}.elementor-2015 .elementor-element.elementor-element-8d43ee2 .elementor-repeater-item-13ce977.jet-parallax-section__layout .jet-parallax-section__image{background-image:url("https://stichtingdeparelhoeve.nl/wp-content/uploads/2019/11/course-banner-cloud-01.png");background-size:auto;}.elementor-2015 .elementor-element.elementor-element-8d43ee2 .elementor-repeater-item-eccb0f8.jet-parallax-section__layout .jet-parallax-section__image{background-image:url("https://stichtingdeparelhoeve.nl/wp-content/uploads/2019/11/home-banner-sun.png");background-size:auto;}.elementor-2015 .elementor-element.elementor-element-8d43ee2 .elementor-repeater-item-195b3f4.jet-parallax-section__layout .jet-parallax-section__image{background-image:url("https://stichtingdeparelhoeve.nl/wp-content/uploads/2019/11/course-banner-cloud-02.png");background-size:auto;}.elementor-2015 .elementor-element.elementor-element-8d43ee2 .elementor-repeater-item-4807979.jet-parallax-section__layout .jet-parallax-section__image{background-image:url("https://stichtingdeparelhoeve.nl/wp-content/uploads/2019/11/home-banner-cloud-outline.png");background-size:auto;}.elementor-2015 .elementor-element.elementor-element-8d43ee2:not(.elementor-motion-effects-element-type-background), .elementor-2015 .elementor-element.elementor-element-8d43ee2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#efffff;}.elementor-2015 .elementor-element.elementor-element-8d43ee2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:115px 0px 115px 0px;}.elementor-2015 .elementor-element.elementor-element-8d43ee2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2015 .elementor-element.elementor-element-defcf6f .elementor-repeater-item-6cf8405.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-2015 .elementor-element.elementor-element-ccafa25 > .elementor-element-populated{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2015 .elementor-element.elementor-element-b7eeb14{left:0px;}body.rtl .elementor-2015 .elementor-element.elementor-element-b7eeb14{right:0px;}.elementor-2015 .elementor-element.elementor-element-b7eeb14{top:0px;}.elementor-2015 .elementor-element.elementor-element-defcf6f{padding:70px 0px 0px 0px;}@media(max-width:1024px){.elementor-2015 .elementor-element.elementor-element-111f8c0 .elementor-heading-title{font-size:4rem;}.elementor-2015 .elementor-element.elementor-element-ccafa25 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2015 .elementor-element.elementor-element-defcf6f{padding:0px 30px 50px 30px;}}@media(max-width:767px){.elementor-2015 .elementor-element.elementor-element-8d43ee2 .elementor-repeater-item-6ab1ee8.jet-parallax-section__layout .jet-parallax-section__image{background-image:url("https://stichtingdeparelhoeve.nl/wp-content/uploads/2019/11/transparent-2.png");}.elementor-2015 .elementor-element.elementor-element-8d43ee2 .elementor-repeater-item-195b3f4.jet-parallax-section__layout .jet-parallax-section__image{background-image:url("https://stichtingdeparelhoeve.nl/wp-content/uploads/2019/11/transparent-2.png");}.elementor-2015 .elementor-element.elementor-element-8d43ee2 .elementor-repeater-item-4807979.jet-parallax-section__layout .jet-parallax-section__image{background-image:url("https://stichtingdeparelhoeve.nl/wp-content/uploads/2019/11/transparent-2.png");}}/* Start custom CSS for shortcode, class: .elementor-element-b7eeb14 *//* Algemene stijlen */


.container {
  perspective: 1000px; /* Zorgt voor een 3D-perspectief */
  transform: translateY(50px); /* Beetje naar beneden voor realisme */
  overflow: hidden; /* Verberg alles buiten de container */
  width: 650px; /* Breedte van de container */
  height: 300px; /* Alleen de bovenste 50% van de draaitafel */
}

.turntable {
  width: 600px; /* Grootte van de draaitafel */
  height: 600px;
  position: relative;
  border-radius: 50%; /* Rond zoals de draaitafelbasis */
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.6); /* Schaduw voor diepte */
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateX(70deg); /* Zorgt voor een liggende hoek */
  transform-style: preserve-3d;
}

.vinyl-record {
  width: 600px; /* Grootte van de vinylplaat */
  height: 600px;
  position: relative;
  transform-style: preserve-3d;
  animation: spin 30s linear infinite; /* Laat de plaat draaien */
}

.record-image {
  width: 100%; /* Zorgt ervoor dat de afbeelding de hele plaat vult */
  height: 100%;
  background: linear-gradient(145deg, #fff); /* Basis van de draaitafel */
  border-radius: 50%; /* Maakt de afbeelding rond */
  object-fit: cover; /* Zorgt dat de afbeelding netjes schaalbaar is */
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6), /* Binnenste schaduw voor diepte */
              0 10px 20px rgba(0, 0, 0, 0.8); /* Buitenste schaduw */
}

/* Animatie voor de plaatrotatie */
@keyframes spin {
  0% {
    transform: rotateZ(0deg); /* Startpositie */
  }
  100% {
    transform: rotateZ(360deg); /* Volledige draai */
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b7eeb14 *//* Algemene stijlen */


.container {
  perspective: 1000px; /* Zorgt voor een 3D-perspectief */
  transform: translateY(50px); /* Beetje naar beneden voor realisme */
  overflow: hidden; /* Verberg alles buiten de container */
  width: 650px; /* Breedte van de container */
  height: 300px; /* Alleen de bovenste 50% van de draaitafel */
}

.turntable {
  width: 600px; /* Grootte van de draaitafel */
  height: 600px;
  position: relative;
  border-radius: 50%; /* Rond zoals de draaitafelbasis */
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.6); /* Schaduw voor diepte */
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateX(70deg); /* Zorgt voor een liggende hoek */
  transform-style: preserve-3d;
}

.vinyl-record {
  width: 600px; /* Grootte van de vinylplaat */
  height: 600px;
  position: relative;
  transform-style: preserve-3d;
  animation: spin 30s linear infinite; /* Laat de plaat draaien */
}

.record-image {
  width: 100%; /* Zorgt ervoor dat de afbeelding de hele plaat vult */
  height: 100%;
  background: linear-gradient(145deg, #fff); /* Basis van de draaitafel */
  border-radius: 50%; /* Maakt de afbeelding rond */
  object-fit: cover; /* Zorgt dat de afbeelding netjes schaalbaar is */
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6), /* Binnenste schaduw voor diepte */
              0 10px 20px rgba(0, 0, 0, 0.8); /* Buitenste schaduw */
}

/* Animatie voor de plaatrotatie */
@keyframes spin {
  0% {
    transform: rotateZ(0deg); /* Startpositie */
  }
  100% {
    transform: rotateZ(360deg); /* Volledige draai */
  }
}/* End custom CSS */