/* Enter Your Custom CSS Here */

mark.has-inline-color{
	position: relative;
  display: inline-block;   /* volgt de breedte van het woord */
  white-space: nowrap;     /* voorkom afbreken */
}

mark.has-inline-color::after{
content: "";
  display: block;
  width: min(100%, 200px); /* max. 200px, maar niet breder dan het woord */
  max-width: 100%;      /* zorgt dat hij niet groter wordt dan het woord */
  height: auto;         /* behoudt verhouding */
  margin: 0 auto;       /* centreert de afbeelding onder het woord */
  background-image: url('https://koopsenenco.nl/wp-content/uploads/2025/08/flow2.png');
  background-repeat: no-repeat;
  background-size: contain; /* schaalt afbeelding binnen 200px */
	background-position: center;
	aspect-ratio: 200 / 30; /* verhouding instellen (pas aan naar je afbeelding) */}

.bouncing-circle {
    width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #3fc4c4;
  display: flex;
  flex-direction: column; 
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0) rotate(15deg);
  }
  40% {
    transform: translateY(-20px) rotate(15deg);
  }
  60% {
    transform: translateY(-10px) rotate(15deg);
  }
}

.bouncing-circle2 {
    width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #3fc4c4;
  display: flex;
  flex-direction: column; 
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  animation: bounce2 2s infinite;
}
@keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0) rotate(-15deg);
  }
  40% {
    transform: translateY(-20px) rotate(-15deg);
  }
  60% {
    transform: translateY(-10px) rotate(-15deg);
  }
}
#services .wp-block-button a{
  cursor: default;         /* geen handje */
  pointer-events: none;    /* niet klikbaar */
}

@media only screen and (max-width: 1320px){
	

	.wp-block-columns {
		padding: 0 30px 0 30px;
	}
	
}
@media only screen and (max-width: 600px){
	
	.logo {
  width: 200px;
}

	h2{
		font-size: 30px!important;
	}
	
	.wp-block-cover {
		min-height: 250px!important;
	}
	
	.wp-block-spacer{
		height: 20px !important;
	}

	.wp-block-columns {
		padding: 0 30px 0 30px;
	}
	
}