.wcpay-payment-element{
  position: relative;
}

.wcpay-payment-element::before{
  content: "Nadat je de gegevens hebt ingediend,\Aword je omgeleid naar een veilige locatie\Aom de volgende stappen te voltooien.";
  white-space: pre-line;
  display: block;
  margin: 8px 0 10px;
  font-size: 12px;
  line-height: 1.5;
}

#radio-control-wc-payment-method-options-woocommerce_payments_ideal__content{display: none!important}


.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-4-columns {display:none!important}


.page-id-961 .wp-site-blocks {display: none}

.postid-1612 .woocommerce-Price-amount.amount {display: none}

.postid-1612 .cart {display: none!important}

.postid-568 .woocommerce-Price-amount.amount {display: none}

.postid-568 .cart {display: none!important}


.taxonomy-category.wp-block-post-terms {display: none}


.wp-block-woocommerce-order-confirmation-totals-wrapper.wc-block-order-confirmation-totals-wrapper.alignwide, .wp-block-woocommerce-order-confirmation-billing-wrapper.wc-block-order-confirmation-billing-wrapper.alignwide{margin: 5%!important}

.ld-item-name.ld-primary-color-hover{pointer-events: none!important}

.wc-block-components-button:not(.is-link).is-style-outline:not(:focus), .wc-block-components-button:not(.is-link).outlined:not(:focus) {display:none}

.wc-block-order-confirmation-totals__product {pointer-events: none!important}

.wp-block-group.woocommerce.product.is-layout-flow.wp-block-group-is-layout-flow {margin: 5%!important}


.order-again {display: none}


.ld-item-components {text-align: left!important; margin-left: -15px}


/* Middenkaart positioneren voor absolute plaatsing */
#amelia-app-booking0 .am-category-service-inner:nth-child(2) {
  position: relative;
}

/* "Meest gekozen" perfect onder het middenblok centreren */
#amelia-app-booking0 .am-category-service-inner:nth-child(2)::after {
  content: "Meest gekozen";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px; /* afstand onder de kaart */
  width: 100%;
  text-align: center;
  font-size: 18px!important;
  color: #777;
  font-weight: 500;
  pointer-events: none;
}




/* Maak alleen de eerste en laatste Amelia service card iets kleiner */
#amelia-app-booking0 .am-category-service-inner:first-child .am-category-service,
#amelia-app-booking0 .am-category-service-inner:last-child .am-category-service {
  transform: scale(.94)!important;
  transform-origin: center;
}

/* Optioneel: kleine marge correctie zodat het niet verschuift */
#amelia-app-booking0 .am-category-service-inner:first-child,
#amelia-app-booking0 .am-category-service-inner:last-child {
  margin-top: 10px;
}



.wc-block-components-sidebar-layout.wc-block-checkout.is-large {color: #000!important}

.ehbo-upsell-wrapper.is-layout-flow.wp-block-post-content-is-layout-flow {margin: 5%}

#am-modal.am-modal.am-in-body .am-align-right, .amelia-app-booking #amelia-booking-wrap .am-align-right {font-weight: 900}  .ehbo-upsell-link {pointer-events: none!important}  .ribbon {background: #DA0009!important; border-radius: 35px; margin-top: 5%; margin-left: 5%!important; font-size: 18px!important;}  .caption {text-align: left!important}  .amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-service-info div {font-weight: 900}  .postid-104 #learndash_post_104{margin: 5%!important}  .ehbo-upsell-card {padding-bottom: 10%!important; margin-bottom: 10%!important}

.learndash-wrapper.learndash-wrapper--course.ld-layout.ld-layout--no-header.learndash-wrapper--modern.ld-breakpoint--initialized.ld-breakpoint--mobile.ld-breakpoint--tablet.ld-breakpoint--extra-small.ld-breakpoint--small.ld-breakpoint--medium {
  display: block !important;
}

.ld-layout {
  display: block !important;
}


/* LearnDash: maak de layout een enkele kolom en verwijder de sidebar */
.learndash-wrapper.ld-layout {
  display: block !important;
}


.learndash-wrapper.ld-layout .ld-layout__content {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* Sidebar volledig weg */
.learndash-wrapper.ld-layout .ld-layout__sidebar,
.learndash-wrapper.ld-layout aside.ld-layout__sidebar,
.learndash-wrapper .ld-enrollment,
.learndash-wrapper .ld-details {
  display: none !important;
}

#wp--skip-link--target .learndash-wrapper.ld-layout {display: block!important}

#wp--skip-link--target {display: block!important}

.learndash-wrapper.ld-layout {display: block!important}

/* Extra: enrollment / details blokken ook weg */
.learndash-wrapper .ld-enrollment,
.learndash-wrapper .ld-details {
  display: none !important;
}



.learndash-wrapper .ld-layout__sidebar {
  display: none !important;
}


.learndash-wrapper .ld-layout__content {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  float: none !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}


.learndash-wrapper {
  display: block !important;
}


.ld-accordion.ld-accordion--course.ld-breakpoint--initialized.ld-breakpoint--mobile.ld-breakpoint--tablet.ld-breakpoint--extra-small.ld-breakpoint--small {display: none}

.ld-layout {display: block!important}

.learndash-template-ld30 #homepaginablok1 {margin-top: -3%!important}

.ld-login-modal-branding {display: none!important}

.learndash-wrapper.learndash-wrapper-login-modal.ld-modal-open {margin-top :10%!important; border-radius: 35px!important}

.ld-login.ld-login.ld-login-text.ld-login-button.ld-button, .learndash-wrap, .learndash-wrapper {text-align: center!important;}

.ld-login.ld-login.ld-login-text.ld-login-button.ld-button,
.learndash-wrap,
.learndash-wrapper {
    text-align: center !important;
}

.ld-login-form,
.ld-login,
.ld-login-button,
.ld-button {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

.ld-alert.ld-alert-success {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {margin-left: 5%!important}

.woocommerce-EditAccountForm.edit-account, .woocommerce-MyAccount-content {margin-top: 2%}

.ql-description {font-size: 18px!important; font-weight: 700!important}

.am-service-description h3 {font-size: 22px!important; font-weight: 900!important}

.learndash-template-ld30 .wp-block-group.alignwide.has-tertiary-background-color.has-background.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-f18fea2e.wp-block-group-is-layout-flex {display: none!important}




#list-food, .col {pointer-events:none!important}

.am-select-date-title {text-align: center!important}

.am-category-url {color: #da0009!important; font-weight:900}

.el-col.el-col-24.el-col-sm-24 p {font-size: 18px!important}

.page-id-12 .wp-block-heading {padding: 0px!important}


.page-id-383 .wp-block-woocommerce-product-collection.is-layout-flow.wp-block-woocommerce-product-collection-is-layout-flow {display:none}

.btn.ghost {margin-bottom: 0px!important}

.sfwd-courses-template-default .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow.wp-container-2.is-position-sticky {opacity: 0!important; pointer-events: none!important;}


/* Basis: headerblok animeren */
.ehbo-animated-header {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
}

body.single-sfwd-courses .ehbo-animated-header,
body.single-sfwd-lessons .ehbo-animated-header {
  opacity: 0;
  transform: translateY(-24px);
  pointer-events: none;
}

/* Alle andere pagina's → mooie fade-in bij load */
body:not(.single-sfwd-courses):not(.single-sfwd-lessons) .ehbo-animated-header {
  opacity: 0;
  transform: translateY(-16px);
  animation: ehboHeaderIn 0.6s ease forwards;
}

@keyframes ehboHeaderIn {
  from {
    opacity: 0;
    transform: translateY(-16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



/* Basis overgang */
.ehbo-animated-header {
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
}


.ehbo-animated-header.is-hidden {
  opacity: 0 !important;
  transform: translateY(-24px) !important;
  pointer-events: none !important;
}

.ehbo-animated-header.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}





@media (min-width:1000px){ .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{margin:10%!important}

.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {text-align: center!important; margin-left: 30%!important} }



.wc-block-components-notice-banner.is-success {display: none!important}

.ehbo-protected-wrap {margin: 10%!important; max-width: 100%!important; text-align: center}


.ehbo-upsell-wrapper{
  margin-top:28px;
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.ehbo-upsell-card{
  max-width:100%!important;
  margin:0 auto;
  border-radius:28px;
  background:#FEF4EE;
  box-shadow:0 18px 50px rgba(0,0,0,0.14);
  padding:22px 22px 24px;
  border:1px solid rgba(218,0,0,0.16);
}

.ehbo-upsell-top{
  margin-bottom:16px;
}

.ehbo-upsell-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  background:#ffffff;
  color:#DA0000;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.ehbo-upsell-top h3{
  margin:8px 0 6px;
  font-size:20px;
  font-weight:800;
  color:#111827;
  line-height:1.35;
}

.ehbo-upsell-top p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:#6F8D96;
}

/* Layout links / rechts */
.ehbo-upsell-main{
  margin-top:18px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:22px;
  align-items:center;
}

.ehbo-upsell-left{
  display:flex;
  flex-direction:column;
  gap:30px;
	padding-left: 10%
}

/* Logo-bol */
.ehbo-upsell-logo{
  width:150px;
  height:150px;
  border-radius:999px;
  background:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 26px rgba(0,0,0,0.10);
  overflow:hidden;
}

.ehbo-upsell-logo img{
  width:94px;
  height:94px;
  object-fit:contain;
  border-radius:999px;
}

/* Bullet list */
.ehbo-upsell-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:14px;
  color:#6F8D96;
}

.ehbo-upsell-list li{
  display:flex;
  align-items:flex-start;
  gap:6px;
  line-height:1.6;
}

.ehbo-upsell-list li span:first-child{
  font-size:16px;
  margin-top:1px;
}

/* Rechterkant: prijs + knop */
.ehbo-upsell-right{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-start;
}

.ehbo-upsell-price-box{
  background:#111827;
  color:#ffffff;
  border-radius:22px;
  padding:10px 14px;
  width:70%;
  box-shadow:0 10px 30px rgba(0,0,0,0.30);
}

.ehbo-upsell-price{
  font-size:20px;
  font-weight:800;
}

.ehbo-upsell-note{
  margin-top:4px;
  font-size:12px;
  opacity:0.9;
}

/* Rode knop */
.ehbo-upsell-btn{
  margin-top:6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 22px;
  border-radius:999px;
  background:#DA0000;
  color:#ffffff;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  border:none;
  cursor:pointer;
  box-shadow:0 12px 32px rgba(218,0,0,0.40);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.ehbo-upsell-btn:hover{
  transform:translateY(-1px) scale(1.01);
  background:#c00000;
  box-shadow:0 14px 38px rgba(218,0,0,0.55);
}

/* Link onder de knop */
.ehbo-upsell-link{
  font-size:13px;
  color:#6F8D96;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}

/* Responsive */
@media (max-width:640px){
  .ehbo-upsell-card{
    padding:18px 16px 20px;
    border-radius:22px;
  }

  .ehbo-upsell-main{
    grid-template-columns:1fr;
  }
}









.post-password-form{text-align: center!important; padding-top: 10%; }

input:is([type="button"], [type="submit"], [type="reset"]) {background-color: #DA0000; border-radius: 55px; border-width: 0px; color:#fff; padding: 0.5%; padding-right: 2%; padding-left: 2%}

#pwbox-104 {border-radius: 55px!important; border-width: 0px; padding: 0.5%}


.attachment-newspack-article-block-landscape-large.size-newspack-article-block-landscape-large.wp-post-image {border-radius: 35px}

.wp-block-group.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-5d641bfa.wp-block-group-is-layout-constrained, .has-background-color.has-text-color.has-link-color.wp-elements-a911c1e84d24e6faf78292314ec0274f{padding: 0px!important; margin: 0px!important; margin-top: -25px!important}

.sharedaddy.sd-sharing-enabled, .sharedaddy.sd-block.sd-like.jetpack-likes-widget-wrapper.jetpack-likes-widget-loaded {display: none}

.postid-897 .wp-block-spacer  {display: none}

.postid-922 .wp-block-spacer  {display: none}

.ehbo-tick-list {color: #fff!important}

.attachment-newspack-article-block-landscape-medium.size-newspack-article-block-landscape-medium.wp-post-image {border-radius: 35px!important}

@media (min-width: 621px) and (max-width: 1000px) {
	.ehbo-video-stack {width: 50%!important}
	
		.wp-block-woocommerce-checkout.alignwide.wc-block-checkout.wp-elements-59a5d7f1dc8d577ba5653fd718c46a27.is-layout-flow.wp-block-post-content-is-layout-flow {color: #000; width: 90%!important; margin: 1%}

}

@media (min-width: 40px) and (max-width: 620px) {
	
	#gezien {padding-top: 8%!important}
	
	.wp-block-woocommerce-cart.alignwide.is-layout-flow.wp-block-post-content-is-layout-flow {width:90%!important; margin: 5%!important}
	
	.wp-block-button__link.has-primary-background-color.has-background.has-custom-font-size.wp-element-button, .has-link-color.wp-elements-b231a9b54e8298457c9645ca568ef88a, .has-link-color.wp-elements-79e9c4a38ef710f7002c467d56a6b9c7 {display: block!important}
	
	#gur ,#k {display: none}

	.page-id-389 #am-events-booking {width: 94%}
	
	.page-id-383 .wp-block-heading.has-text-align-center {margin: 1%!important; font-size: 25px}
	
	.page-id-1 .wp-block-heading {padding: 0px!important}
	
	.page-id-12 .wp-block-heading.has-text-align-center {margin: 3%!important; font-size: 22px}
	
	.page-id-526 .wp-block-heading.has-text-align-center {margin: 3%!important; font-size: 22px}
	
.learndash-template-ld30 h1 {font-size: 23px!important}
	
	.learndash-template-ld30 h2 {font-size: 16px!important}
	
.learndash-template-ld30	h3{font-size: 14px!important}
	
	.wrap {width: 100%!important}
	
	.wp-block-woocommerce-checkout.alignwide.wc-block-checkout.wp-elements-59a5d7f1dc8d577ba5653fd718c46a27.is-layout-flow.wp-block-post-content-is-layout-flow {color: #000; width: 90%; margin: 5%}
	
	h2.wc-block-mini-cart__title {font-size: 18px;}
	
.page-id-383 #amelia-booking-wrap{width: 120%!important; margin-left: -10%}

.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-service-title h2 {font-size: 18px!important}

.amelia-app-booking #am-service-booking .am-service .am-service-header .am-service-data .am-service-info div{display: none}

#am-category .am-category-service .am-category-service-title {font-size: 18px!important}
	
	.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-4a65f3a8.wp-block-group-is-layout-flex {margin-top: 5%}
	
	.woocommerce-MyAccount-content {width: 80%!important}
	
	.wp-block-post-title.has-x-large-font-size {font-size: 25px!important}
	
	.woocommerce-MyAccount-navigation {margin-top: 10%}
	
	.has-link-color.wp-elements-0387253327ccedf914a651e5b25dedf8 {display:none}
	
	.hero.reveal.in, .section.reveal.in, .modulebar.reveal.in, .next.reveal.in {max-width: 100%!important}
	
	.am-service-image {display: none!important}
	
	#amelia-booking-wrap {padding: 0px!important;border-radius: 25px!important}
	
	.wc-block-components-sidebar-layout.wc-block-checkout.is-small {max-width: 90%!important; width: 90%!important; min-width: 90%!important}
	
	.am-select-service, .am-form-full-wrapper, .am-select-service {border-radius: 25px!important}
	
	.am-select-date-title {text-align: center!important}
	
	.wp-block-columns, .wp-site-blocks {max-width: 100%!important; min-width: 100%!important; width: 100%!important}
	

	
	.hero.reveal.in, .section.reveal.in, .modulebar.reveal.in, .next.reveal.in {min-width: 100%!important; max-width: 100%!important; margin-top: 10%!important}
	
	#iets {padding: 0px!important; margin:0px!important}
	#min {margin-top: -10%!important}
	
	#over {padding-right: 0px!important; margin-right: 0px!important}
	
	.am-wrap {padding-top: 0px!important}
	
	#gezien {min-height: 650px!important; margin-bottom: 15%!important}
	
	
	
	.wp-block-heading.has-text-align-left.has-primary-color.has-text-color.has-link-color.wp-elements-5b4a79cafcb0d2da187511f26f407018, .has-custom-purple-color.has-text-color.has-link-color.wp-elements-1939f2c0fb8bfb5ca0b7c22f34107fe7 {padding-right: 15%}
	
	.ehbo-video-stack {max-width: 60%!important; margin-top: 45%!important; margin-left: 12%!important}
	
body {
    width: 100%!important;
	max-width: 100%!important;}

	.ehbo-menu-btn {padding: 5%!important}
	.wp-image-423 {display: none}
	
	.ehbo-simple-menu {max-width: 110%!important; margin-left: 4%!important; }
	
	.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow { padding-right: 0px!important}
	
	#blokpart { border-radius: 25px!important; padding: 10%!important; padding-bottom: 0px!important; margin-bottom: 20%!important}
	

	
	#google {margin: 0px!important}
	#erbuiten {padding: 0px!important}
	
	#dekafbeelding {display: none}
	
	#blockyblok {padding: 10%!important; margin-top: -35%!important}
	
	.wp-block-button__link.has-small-font-size.has-custom-font-size.has-text-color.has-primary-color.has-background.has-custom-orange-background-color {font-weight: 900!important}
	
	#aafbeelding{display: none}
	
	#blokvoorkantbrbrb {padding: 10%!important; margin-bottom: 5%;}
	
	
	.wp-block-button__link.has-primary-background-color.has-background.has-custom-font-size.wp-element-button, .has-link-color.wp-elements-b231a9b54e8298457c9645ca568ef88a, .has-link-color.wp-elements-79e9c4a38ef710f7002c467d56a6b9c7 {display: none}
	
	.wp-block-navigation__responsive-container-open {background-color: #fff; border-radius: 25px; padding: 5px}
	
	.wp-block-group.alignwide.has-tertiary-background-color.has-background.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-f18fea2e.wp-block-group-is-layout-flex {background-color: transparent!important; box-shadow: none!important; padding: 0px!important; padding-right: 5%!important; margin-bottom: -30%!important; border-radius: 0px!important; pad}
	
	.ehbo-nav-link-sub, .ehbo-nav-link, .ehbo-nav-header, .wp-block-navigation__responsive-container-open, .wp-block-button__link.has-secondary-background-color.has-background.has-custom-font-size.wp-element-button {display: none!important}
	

	
}
	


#moetomhoog {margin-top:-10%!important}

#blockyblok {margin-top: -10%}

.am-add-coupon.am-flex-row-middle-align.el-row {display: none!important}

.am-confirmation-total {display: none!important}


.amelia-app-booking #amelia-booking-wrap #am-step-booking.am-desktop, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-desktop {border-radius: 25px!important; }

.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-select-date-title, .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-select-service-title, .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-service .am-select-date-title, .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-service .am-select-service-title, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-select-date-title, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-select-service-title, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-service .am-select-date-title, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-service .am-select-service-title {text-align: left}

.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-service .am-button-wrapper, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-service .am-button-wrapper {text-align: left; margin-top: -8%; margin-left: -3%}

.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-select-date-title, .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-select-service-title, .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-service .am-select-date-title, .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-service .am-select-service-title, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-select-date-title, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-select-service-title, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-service .am-select-date-title, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-service .am-select-service-title {font-weight: 900; font-size: 20px!important}


.am-event-date-month {color: #DA0000!important;}

.am-events-filter {display: none!important}

.el-input__inner{border-radius:25px!important}

.el-input-group>.el-input__inner {border-radius: 0px 25px 25px 0px!important}




.am-event-price {background-color: #DA0000!important; border-radius: 35px!important; padding: 5px 10px 5px 10px!important; font-size: 18px!important; font-weight: 900!important; margin-top: 25px; color: #fff!important}

.el-button.el-button--primary {border-radius: 35px; font-size: 	17px; background-color: #DA0000!important; border-width: 0px; font-weight: 900}

.el-button.el-button--primary.calendar-link.is-disabled {border-radius: 35px; font-size: 	17px; background-color: #DA0000!important; border-width: 0px;font-weight: 900}

.el-button.el-button--primary.redirect-link {border-radius: 35px; font-size: 	17px; background-color: #DA0000!important; border-width: 0px; font-weight: 900}

.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-shopping-button-block.wc-block-mini-cart__shopping-button.contained {display: none}

.amelia-app-booking #amelia-booking-wrap #am-step-booking, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog {max-width: 100%!important}

.am-semi-strong.am-align-right {color: #DA0000!important}



.am-confirmation-total {background-color: #f0f0f0!important; border-radius: 35px}

.am-confirmation-booking.am-confirm-booking.am-scroll {margin-left: -5%; padding-left: 8%!important}

.el-form-item__label {font-weight: 400}

.el-input-group__prepend{border-radius: 35px 0px 0px 35px!important; }

.input.el-input__inner {border-radius: 35px!important;}

.input.el-input__inner[name="tel"] {border-radius: 0px 35px 35px 0px!important}

.am-service-price {background-color: #fff!important}

#am-category .am-category-service .am-category-service-hover .el-button span {display:none!important}

#am-category .am-category-service .am-category-service-hover .el-button {display:none!important}

.dialog-footer.payment-dialog-footer .el-button.el-button--default {border-radius: 35px; font-size: 	17px; background-color: transparent; border-width: 0px;}

.dialog-footer.payment-dialog-footer .el-button.el-button--primary {border-radius: 35px; font-size: 	17px; background-color: #DA0000 !important; border-width: 0px; font-weight: 900}

.amelia-app-booking #amelia-booking-wrap #am-step-booking.am-mobile-collapsed, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-mobile-collapsed {margin: 0px!important}






.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-calendar-picker .c-day-content:hover, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-calendar-picker .c-day-content:hover {color:#fff!important}


.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date {background:linear-gradient(135deg,#DA0000,#DA0000)}


#am-continue-button {border-radius: 35px; font-size: 	17px; background-color: #fff !important; border-width: 0px;}

.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-button-wrapper .el-button span, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-button-wrapper .el-button span {color: #DA0000!important}

#amelia-app-booking0 .am-event {border-radius: 25px!important; padding-bottom: 35px!important; padding-top: 35px!important;padding-left: 40px!important; margin-bottom: 20px!important; background-color: #fff!important}

#amelia-app-booking0 .am-event:hover { transform: translateY(-4px)!important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.2)!important;}

.am-event-date {border-width: 0.6px!important}

.am-event-title {font-size: 20px!important}

.am-event-sub-info-capacity {font-size: 14px!important}

/* Respecteert jouw 35px radius */
#amelia-app-booking0 .am-service {
  border-radius: 35px!important;
  background: #ffffff!important;
  padding: 28px 32px!important;
  box-shadow: 0 22px 65px rgba(0,0,0,0.08)!important;
  margin-bottom: 30px!important;
	margin-top: 1%!important
}

/* Header beter uitlijnen */
#amelia-app-booking0 .am-service-header {
  display: flex!important;
  align-items: center!important;
  gap: 22px!important;
  border-bottom: 1px solid rgba(0,0,0,0.08)!important;
  padding-bottom: 18px!important;
}

/* Ronde foto */
#amelia-app-booking0 .am-service-image img {
  width: 80px!important;
  height: 80px!important;
  border-radius: 999px!important;
  object-fit: cover!important;
}

/* Titel */
#amelia-app-booking0 .am-service-title h2 {
  margin: 0!important;
  font-size: 28px!important;
  font-weight: 600!important;
  color: #111827!important;
}

/* Subinfo (duur, capaciteit) */
#amelia-app-booking0 .am-service-header .am-service-info {
  display: flex!important;
  gap: 18px!important;
  margin-top: 6px!important;
}

#amelia-app-booking0 .am-service-header .am-service-info div {
  color: #6b7280!important;
  font-size: 14px!important;
}

/* Prijs */
#amelia-app-booking0 .am-service-price {
  font-size: 24px!important;
  font-weight: 700!important;
  color: var(--ehbo-accent)!important;
}

/* Employees kaart */
#amelia-app-booking0 .am-service-providers {
  background: #f9fafb!important;
  padding: 14px 16px!important;
  border-radius: 20px!important;
}


.am-step-booking-catalog.am-mobile-collapsed.am-active-picker {border-radius: 35px!important; min-width: 100%!important;  margin-top: -5%!important}

.el-radio-button__inner {font-weight: 900!important; margin: 5px!important;}

/* Maand titel */
#amelia-booking-wrap .c-title {
  color: #fff!important;
  font-size: 18px!important;
  font-weight: 600!important;
}

/* Pijltjes */
#amelia-booking-wrap .c-arrow path {
  fill: #fff!important;
}

/* Weekdays */
#amelia-booking-wrap .c-weekday {
  color: rgba(255,255,255,0.85)!important;
  font-weight: 600!important;
  font-size: 12px!important;
}

/* Dagen */
#amelia-booking-wrap .c-day-content {
  color: #fff!important;
  font-size: 14px!important;
}

/* Niet beschikbaar → transparant */
#amelia-booking-wrap .c-day[style*="opacity: 0.4"] .c-day-content {
  opacity: 0.32!important;
}

/* Tijden onder kalender */
#am-appointment-times0 .el-radio-button__inner {
  border-radius: 999px!important;
  padding: 6px 16px!important;
  border: 1px solid rgba(255,255,255,0.35)!important;
}

#am-appointment-times0 .el-radio-button.is-active .el-radio-button__inner,
#am-appointment-times0 .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: var(--ehbo-accent)!important;
  color: #fff!important;
  border-color: var(--ehbo-accent)!important;
}

/* ===== Mobiel ===== */
@media (max-width: 768px) {
  #amelia-booking-wrap .am-calendar-picker.c-pane-container {
    padding: 20px!important;
    border-radius: 22px!important;
    margin: 0 4px!important;
  }
}




.am-service-gallery {display: none!important}

.am-service {border-radius: 35px!important}

/* Hover overlay: geen achtergrondkleur meer */
#amelia-app-booking0 .am-category-service-hover {
  background: transparent!important;
  padding: 0 !important;
  align-items: stretch;
  justify-content: flex-end;
}

/* Titel in de hoverlaag volledig verbergen */
#amelia-app-booking0 .am-category-service-hover .am-category-service-title {
  display: none!important;
}



/* Iets meer hover beweging voor duidelijk effect */
#amelia-app-booking0 .am-category-service {
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

/* EHBO aan huis stijl voor Amelia categorie blok */
#amelia-app-booking0.amelia-frontend {
  --ehbo-bg: #F6F7FB;
  --ehbo-card: #FFFFFF;
  --ehbo-accent: #E53935;        /* warme EHBO accentkleur */
  --ehbo-accent-soft: #F97362;   /* lichtere tint */
  --ehbo-text: #111827!important;
  --ehbo-muted: #6B7280!important;
  --ehbo-radius: 22px!important;
  --ehbo-shadow: 0 16px 40px rgba(15, 23, 42, 0.16)!important;
}

/* achtergrond van het hele blok */
#amelia-app-booking0 .am-wrap {
  background: none!important;
  box-shadow:none!important;
	margin-top: -1%;
}

/* ruimte tussen de kaarten */
#amelia-app-booking0 .am-category-service-wrapper {
  row-gap: 24px!important;
}

/* basis kaartstijl */
#amelia-app-booking0 .am-category-service {
  overflow: hidden!important;
  border-radius: var(--ehbo-radius)!important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12)!important;
  transform: translateY(0)!important;
  transition: transform 0.25s ease, box-shadow 0.25s ease!important;
}

#amelia-app-booking0 .am-category-service:hover {
  transform: translateY(-4px)!important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.2)!important;
}




/* bovenste foto in de kaart */
#amelia-app-booking0 .am-category-service-image {
  background-size: cover!important;
  background-position: center!important;
  padding-bottom: 58%!important;
}

/* info gedeelte onder de foto */
#amelia-app-booking0 .am-category-service-info {
  background: var(--ehbo-card) !important;
  padding: 18px 18px 16px!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 10px!important;
}

/* ronde code links (BC, PC, UC) */
#amelia-app-booking0 .am-category-service-color {display: none!important}

/* titel en prijs tekst */
#amelia-app-booking0 .am-category-service-title-price {
  color: var(--ehbo-text) !important;
}

#amelia-app-booking0 .am-category-service-title {
  font-weight: 600!important;
  font-size: 28px!important;
  color: var(--ehbo-text) !important;
}

#amelia-app-booking0 .am-category-service-title-price span {
  font-size: 14px;
  color: var(--ehbo-muted) !important;
}

/* kleine fotootjes onder in de kaart */
#amelia-app-booking0 .am-category-services-thumbs img {
  width: 42px!important;
  height: 42px!important;
  border-radius: 999px;
  border: 2px solid #fff !important;
  object-fit: cover;
}
/* hover laag over de kaart */
#amelia-app-booking0 .am-category-service-hover {
  background: transparent!important;
  border-radius: var(--ehbo-radius);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 18px 18px 20px;
}

#amelia-app-booking0 .am-category-service-hover .am-category-service-title {
  color: #fff !important;
  font-weight: 600;
  font-size: 16px;
}

/* knop lees meer in EHBO stijl */
#amelia-app-booking0 .am-category-service-hover .el-button {
  border-radius: 999px;
  border: none;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 500;
  background: #fff;
  color: var(--ehbo-accent);
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.35);
  transition: transform 0.18s ease, box-shadow 0.18s ease,
              background 0.18s ease, color 0.18s ease;
}

#amelia-app-booking0 .am-category-service-hover .el-button:hover {
  transform: translateY(-1.5px!important);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.45);
  background: rgba(255, 255, 255, 0.92);
}

/* spinner uit in dit blok */
#amelia-app-booking0 .am-spinner {
  display: none !important;
}

/* mobiel iets compacter */
@media (max-width: 768px) {
  #amelia-app-booking0 .am-wrap {
    padding: 20px 16px 22px;
    border-radius: 22px;
  }
}


.am-category-headline {display:none}

.wc-block-components-sidebar-layout.wc-block-checkout.is-large {padding-left: 10%!important; padding-right: 10%!important; padding-top: 5%!important}

.wc-block-components-button {border-radius: 35px!important}


#blokkenapart21 {margin-top: -15%!important; transition: transform 0.25s ease;}

#blokkenapart21:hover {transform: scale(1.02) }

.wp-block-post-featured-image, .wp-block-post-date, .wp-block-post-time-to-read, .has-text-align-center.wp-block-post-title.has-x-large-font-size {display: none}

.ld-featured-image.ld-featured-image--course.wp-post-image{display: none}

.btn.ghost{color: #000!important; border-color: #000!important; margin-bottom: 3%; background-color: #fff!important}



#copy-cheatsheet {background-color: #fff!important; }

a {text-decoration: none;}

.wp-block-navigation-item__content:hover {text-decoration: none!important; transform: scale(1.02) translateX(4px);}

.wp-block-navigation-item__content {transition: transform 0.25s ease;}


.wp-elements-a424517bc176946593cfeef5e91399b4:hover {
  transform: scale(1.02) translateX(4px);
}

.wp-elements-a424517bc176946593cfeef5e91399b4 {transition: transform 0.25s ease;}

.wp-elements-f7102393029f4273e1770131690e8bb7{transition: transform 0.25s ease;}

.wp-elements-f7102393029f4273e1770131690e8bb7:hover {
  transform: scale(1.02) translateX(4px);
}

#aafbeelding {margin-top: -35%!important}

#quote {margin-bottom: -9%!important; margin-left: -8%}
#quotelow {margin-top: -9%!important; margin-right: -8%!important;}

/* === LearnDash grid – EHBO clean card === */

/* Kaartbasis */
.learndash-wrap .ld_course_grid article.course{
  background: transparent!important;
  border: 0px!important;
  box-shadow: none;
	
}

/* Thumbnail: rond, schaduw, lichte blur */
.learndash-wrap .ld_course_grid .thumbnail{
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  box-shadow: 0 16px 40px rgba(0,0,0,.08);
	
}

/* Afbeelding vierkant en full-cover */
.learndash-wrap .ld_course_grid .thumbnail a{
  display: block;
}
.learndash-wrap .ld_course_grid .thumbnail img{
	border-radius: 35px!important;
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  filter: blur(1.2px) saturate(.98) brightness(.98);
  transition: transform .35s ease, filter .35s ease;
  transform: translateZ(0);
}

/* Hover feedback: subtiel liften en ietsje minder blur */
.learndash-wrap .ld_course_grid .thumbnail:hover img{
  transform: scale(0.99);
  filter: blur(1.8px) saturate(1.1) brightness(1);

}

/* “Enrolled” ribbon rustig houden */
.learndash-wrap .ld_course_grid .ribbon.enrolled{
  position: absolute;
  z-index: 2;
  left: 16px; top: 16px;
  border-radius: 12px;
  background: #e53935!important;     /* EHBO rood */
  color: #fff;
  font-weight: 800;
  font-size: 18px!important;
  letter-spacing: .2px;
  box-shadow: 0 8px 20px rgba(229,57,53,.25);
	margin-top: 25px!important;
		padding-left: 25px!important; padding-right: 25px!important
}

/* Tekstblok onder de afbeelding */
.learndash-wrap .ld_course_grid .caption{
  padding: 20px 6px 0;
  background: transparent;
  border: 0;
}

/* Titel: clean, los van de kaart met subtiele scheiding */
.learndash-wrap .ld_course_grid .caption .entry-title{
  font-weight: 900;
  font-size: clamp(20px, 2.4vw, 26px);
  line-height: 1.2;
  margin: 18px 0px 15px;
	padding-left: 15px;
		padding-bottom: 15px
}

/* Subtiele scheidingslijn tussen beeld en tekst */
.learndash-wrap .ld_course_grid .caption::before{
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  border-radius: 6px;
  background: linear-gradient(90deg, #e53935, #ff7043);
  opacity: .85;
  margin: 18px 15px 18px;
	
}

/* Verberg de blauwe LearnDash knop voor een clean look */
.learndash-wrap .ld_course_grid .ld_course_grid_button{
  display: none;
}

/* Grid spacing en responsiviteit */
.learndash-wrap .ld-course-list-items.row{
  gap: clamp(18px, 2.2vw, 30px);
}
.learndash-wrap .ld_course_grid{
  margin-bottom: clamp(26px, 2.6vw, 40px);
}

/* Respecteer eigen breedte en vermijd hard gecodeerde attrs */
.learndash-wrap .ld_course_grid img[width][height]{
  width: 100% !important;
  height: auto !important;
}

/* Toetsenbord focus netjes */
.learndash-wrap .ld_course_grid .thumbnail a:focus-visible{
  outline: 3px solid #e53935;
  outline-offset: 4px;
  border-radius: 24px;
}

/* Mobiel: iets compacter en kleinere blur-correctie */
@media (max-width: 640px){
  .learndash-wrap .ld_course_grid .thumbnail img{
    filter: blur(1px) saturate(1) brightness(1);
  }
  .learndash-wrap .ld_course_grid .caption{
    padding-top: 16px;
  }
	
	
}



.ti-header-write-btn.customize-unpreviewable {border-radius: 35px!important;}

.ti-widget.ti-goog.ti-review-text-mode-readmore.ti-text-align-left{width: 100%!important}

#naamnaam {box-shadow: 2px 2px 6px rgba(0,0,0,0.4); border-radius: 35px; transform 0.35s ease;}

#naamnaam:hover {box-shadow: 3px 4px 7px rgba(0,0,0,0.4); border-radius: 35px}

#blokvoorkantbrbrb:hover {  transform: scale(1.02) 
}

#blokvoorkantbrbrb {transition: transform 0.35s ease;}

.twh-rotate__h1 {font-weight: 300!important;}

.twh-rotate__text {font-weight: 700!important;}


#beginofstart a {
  text-decoration: none;
  display: inline-block;
  transition: transform 0.25s ease;
}

#beginofstart a:hover {
  transform: scale(1.02) translateX(4px);
}

.wp-block-button {
  text-decoration: none;
  display: inline-block;
  transition: transform 0.25s ease;
}

.wp-block-button:hover {
  transform: scale(1.02) translateX(4px);
}




.ld-layout__sidebar {display:none!important}

.ld-tab-bar.ld-tab-bar--single.ld-tab-bar--has-access.ld-breakpoint--initialized.ld-breakpoint--mobile.ld-breakpoint--tablet.ld-breakpoint--extra-small.ld-breakpoint--small {margin-right: -20%!important}

.bookmark {display: none!important}

p.lead {
  color: #000 !important;
  background-color: #fff;
  border-radius: 25px;
  padding: 8px 16px;
  display: inline-block;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

p.lead:hover {
  transform: translateY(-3px); /* lichte “lift” bij hover */
}


#copy-cheatsheet {color: #fff; background-color: #000}

/* =========================================
   UNIFORME MODULE-LAYOUT (EHBO / LEARNDASH)
   GIANLUCA TEMPLATE
   ========================================= */

/* 1. Verwijder alle WordPress breedte- en padding-restricties */
#wp--skip-link--target,
#wp--skip-link--target .entry-content,
#wp--skip-link--target .wp-block-post-content,
#wp--skip-link--target .wp-block-post-content.is-layout-constrained {
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 100%;
  max-width: none !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* 2. Schakel ook beperkingen in LearnDash containers uit */
#wp--skip-link--target .learndash-wrapper,
#wp--skip-link--target .ld-layout__content,
#wp--skip-link--target .ld-tab-bar__panel {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3. Fix de WordPress column-layout zodat niets naar rechts verschuift */
#wp--skip-link--target .wp-block-columns {
  display: flex !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 4. De enige kolom (met jouw module) = 80% van het scherm */
#breedttenegentig {
  flex: 0 1 80vw !important;
  width: 80vw !important;
  max-width: 1500px;               /* optioneel limiet voor brede schermen */
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
}

/* 5. Binnen die kolom mag de .wrap volledig 100% vullen */
#breedttenegentig .wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* 6. Hero blijft mooi gecentreerd binnen 80% breedte */
#wp--skip-link--target .hero {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

/* 7. Volledige breedte fix voor mobiele schermen */
@media (max-width: 820px){
  #breedttenegentig {
    width: 100vw !important;
    flex-basis: 100vw !important;
  }
}

/* 8. Extra veiligheid: verwijder ongewenste calc(50% - 50vw) marges */
#breedttenegentig [style*="margin-left: calc(50% - 50vw)"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}



.key {margin-top: 15px!important}
.lead {color: #fff!important}

/* 1) Zorg dat z-index werkt door position te zetten */
#homepaginablok1,
#blokkenapart2,
#homepagina{
  position: relative;   /* nodig voor z-index */
  overflow: visible;    /* voorkomt afknippen bij overlap */
}

/* 2) Zet de volgorde expliciet */
#homepaginablok1{ z-index: 0 !important; margin-top: -6% !important; }
#blokkenapart2{  z-index: 20 !important; margin-top: -65px !important; }
#homepagina{     z-index: 10 !important; }
.wp-block-group.is-layout-flow.wp-block-group-is-layout-flow.wp-container-2.is-position-sticky {     z-index: 60 !important; }

/* 3) Cover overlay onder de content houden */
#homepaginablok1 .wp-block-cover__background{
  z-index: 0 !important;            /* dim overlay onder */
}
#homepaginablok1 .wp-block-cover__inner-container{
  position: relative;
  z-index: 2;                        /* tekst en knoppen boven overlay */
}

/* 4) Creëer een eigen stacking context om elders hoge z-index te negeren */
#homepaginablok1{
  isolation: isolate;                /* handig tegen vreemde parent stacking */
}



	/* verberg dunne top-balk */
#wp--skip-link--target .progress{display:none!important}
/* verberg LearnDash eigen progress varianten */
.learndash-wrapper .ld-progress,
.learndash-wrapper .ld-course-status,
.learndash-wrapper .ld-status,
.learndash-wrapper .ld-status-progress,
.learndash-wrapper .ld-progress-bar,
.learndash-wrapper .ld-progress-label {display:none!important}

/* --- LearnDash layout: smallere sidebar-kolom --- */
#wp--skip-link--target .learndash-wrapper.ld-layout {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 220px !important; /* <-- maak sidebar 220px */
  column-gap: 24px !important;                            /* ruimte tussen content en sidebar */
}

/* Sidebar zelf: vul de kolom en kom iets van de rechterrand af */
#wp--skip-link--target .ld-layout__sidebar {
  width: 220px !important;
  max-width: 100% !important;
  justify-self: end !important;   /* naar de binnenkant van de kolom */
  margin: 20px 16px 0 0 !important; /* kleine marge rechts */
  box-sizing: border-box;
}

/* Kaartje netjes, compact */
#wp--skip-link--target .ld-layout__sidebar .ld-enrollment{
  background:#fff;
  border:1px solid #e6e8eb;
  border-radius:14px;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  padding:14px 16px;
}
#wp--skip-link--target .ld-layout__sidebar .ld-enrollment::before{
  content:""; display:block; height:4px;
  background:linear-gradient(90deg,#d02e2c,#ff6b6b);
  border-radius:4px 4px 0 0; margin-bottom:10px;
}

/* Typografie prijsblok */
#wp--skip-link--target .ld-enrollment__pricing-label{
  font-size:.75rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  color:#5f6b76; margin:0 0 6px;
}
#wp--skip-link--target .ld-enrollment__pricing-price{
  font-size:1.6rem; font-weight:900; color:#d02e2c; line-height:1.1;
}
#wp--skip-link--target .ld-enrollment__login{ margin-top:10px; text-align:center }
#wp--skip-link--target .ld-enrollment__login-link{
  color:#d02e2c; font-weight:700; text-decoration:none; border-bottom:2px solid transparent;
}
#wp--skip-link--target .ld-enrollment__login-link:hover{ border-color:#d02e2c }

/* Onder content op kleinere schermen */
@media (max-width:1100px){
  #wp--skip-link--target .learndash-wrapper.ld-layout{
    grid-template-columns: 1fr !important;
  }
  #wp--skip-link--target .ld-layout__sidebar{
    width: 92% !important; margin: 18px auto 0 !important; justify-self: center !important;
  }
}

.wp-block-template-part {margin: 0px}

/* ---------------------------------------
   EHBO SITEWIDE LOAD ANIMATIONS
--------------------------------------- */

/* Basis fade + slide */
@keyframes ehboSiteFadeUp {
  0% { opacity:0; transform:translateY(20px); }
  100% { opacity:1; transform:translateY(0); }
}

/* Universele animatieklasse */
.ehbo-animate {
  opacity:0;
  animation:ehboSiteFadeUp .6s ease-out forwards;
}

/* vertragingen per element voor mooi “stapelen” */
.ehbo-animate:nth-child(1){ animation-delay:.05s; }
.ehbo-animate:nth-child(2){ animation-delay:.10s; }
.ehbo-animate:nth-child(3){ animation-delay:.15s; }
.ehbo-animate:nth-child(4){ animation-delay:.20s; }
.ehbo-animate:nth-child(5){ animation-delay:.25s; }
.ehbo-animate:nth-child(6){ animation-delay:.30s; }
.ehbo-animate:nth-child(n+7){ animation-delay:.35s; }

/* Toepassen op WordPress blokken */
.entry-content > * {
  opacity:0;
  animation:ehboSiteFadeUp .7s ease-out forwards;
}

.entry-content > *:nth-child(1){ animation-delay:.05s; }
.entry-content > *:nth-child(2){ animation-delay:.10s; }
.entry-content > *:nth-child(3){ animation-delay:.15s; }
.entry-content > *:nth-child(4){ animation-delay:.20s; }
.entry-content > *:nth-child(5){ animation-delay:.25s; }
.entry-content > *:nth-child(6){ animation-delay:.30s; }
.entry-content > *:nth-child(n+7){ animation-delay:.35s; }

/* Globale targets voor secties, blokken, cards */
.wp-block,
section,
div.wp-block-group,
div.wp-block-cover,
.wp-block-columns,
.wp-block-column {
  opacity:0;
  animation:ehboSiteFadeUp .7s ease-out forwards;
  animation-delay:.15s;
}

/* Images ook */
.entry-content img {
  opacity:0;
  animation:ehboSiteFadeUp .6s ease-out .2s forwards;
}