/*
	Theme Name:     Divi Child
	Theme URI:      https://www.elegantthemes.com/gallery/divi/
	Description:    Divi Child
	Theme Author:         Elegant Themes
	Author URI:     https://www.elegantthemes.com
	Template:       Divi
	Version:        1.0.0
*/

.hero {
  background-size: 100% !important;
  background-position: bottom !important;
}

h1 {
  font-family: "caraque-solid", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: white !important;
}

.text {
  text-align: center !important;
}

.dark *:not(strong span) {
  color: white !important;
}

::selection {
  background-color: #9dbc1d !important;
  color: white !important;
}

.grid {
  display: grid !important;
  grid-template: repeat(4, auto) / repeat(3, 1fr) !important;
  justify-items: center !important;
  gap: 10px !important;
}

@media (min-width: 640px) {
  .grid {
    gap: 10px 100px !important;
  }
}

/* Smartphone */

@media (max-width: 640px) {
  .glacon {
    grid-row: 3 !important;
  }

  .vent {
    grid-row: 3 !important;
  }

  .energietext {
    grid-row: 4 !important;
    grid-column: 2 !important;
  }
}

@media (max-width: 767px) {
  .grid {
    grid-template: repeat(3, auto) / repeat(2, 1fr) !important;
  }
}

@media (min-width: 640px) {
  .centre-y {
    display: flex !important;
    align-items: center !important;
  }
}

@media (pointer: fine) {
 
  * {
   	cursor: none !important;
  }
 

  .cursor {
    position: fixed !important;
    width: 50px !important;
    height: 31px !important;
    background: center / 50px url("/wp-content/uploads/2023/05/cursor-4.svg")
      no-repeat !important;
    pointer-events: none !important;
    z-index: 10 !important;
    transition: background-image 150ms !important;
  }

  .cursor-ehohhh {
    background: center / 50px
      url("/wp-content/uploads/2023/05/cursor-clique.svg") no-repeat !important;
  }

  .cursor-zharma {
    background: center / 50px
      url("/wp-content/uploads/2023/05/cursor-clique.svg") no-repeat !important;
    transform: scale(2) !important;
  }
}

.margedemerde {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .back-to-top {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .back-to-top {
    position: fixed !important;
    right: 15px !important;
    bottom: 15px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background-color: #9dbc1d !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity 300ms ease !important;
    z-index: 10 !important;
  }

  .back-to-top svg {
    height: 20px !important;
    fill: #ffffff !important;
  }
}