.elementor-14131 .elementor-element.elementor-element-ecfd1ac > .elementor-widget-container{margin:0px 0px -50px 0px;}.elementor-14131 .elementor-element.elementor-element-a407164{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14131 .elementor-element.elementor-element-693d2255{margin-top:-0px;margin-bottom:0px;}.elementor-14131 .elementor-element.elementor-element-638d1ebd > .elementor-widget-container{margin:-115px 0px 0px 0px;}.elementor-14131 .elementor-element.elementor-element-638d1ebd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14131 .elementor-element.elementor-element-478f0969.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-14131 .elementor-element.elementor-element-113e73d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14131 .elementor-element.elementor-element-2c830792{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-14131 .elementor-element.elementor-element-2c830792 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-14131 .elementor-element.elementor-element-2c830792.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14131 .elementor-element.elementor-element-2c830792 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-14131 .elementor-element.elementor-element-2c830792 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}body.elementor-page-14131:not(.elementor-motion-effects-element-type-background), body.elementor-page-14131 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-14131 .elementor-element.elementor-element-2c830792{width:100%;max-width:100%;}}/* Start custom CSS for home-services-2, class: .elementor-element-638d1ebd *//* =========================================
   KUN denne container:
   Slå klik fra på "rene billede-links"
   ========================================= */

/* Kun links der kun indeholder et img */
.no-image-click a:has(> img) {
  pointer-events: none !important;
  cursor: default !important;
}

/* Billedet selv */
.no-image-click a:has(> img) img {
  cursor: default !important;
}

/* WHITELIST – disse må stadig klikkes,
   selv inde i containeren */
.no-image-click .elementor-widget-image-box a,
.no-image-click .elementor-widget-call-to-action a,
.no-image-click .elementor-widget-slides a,
.no-image-click .elementor-widget-image-carousel a,
.no-image-click .elementor-widget-posts a,
.no-image-click .elementor-widget-loop-grid a,
.no-image-click .elementor-widget-portfolio a,
.no-image-click .elementor-widget-gallery a,
.no-image-click .elementor-widget-button a {
  pointer-events: auto !important;
  cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-113e73d */<section id="castle-grid-royal">

  <div class="castle-grid">
    <a href="https://slotshotel-aqdpdsgfagdxbze4.northeurope-01.azurewebsites.net/kokkedal-slotshotel/">
      <img src="/wp-content/uploads/2025/07/66.png" alt="Kokkedal">
      <div class="overlay">Kokkedal</div>
    </a>

    <a href="https://slotshotel-aqdpdsgfagdxbze4.northeurope-01.azurewebsites.net/vraa-slotshotel/">
      <img src="/wp-content/uploads/2025/07/44.png" alt="Vraa">
      <div class="overlay">Vraa</div>
    </a>

    <a href="https://slotshotel-aqdpdsgfagdxbze4.northeurope-01.azurewebsites.net/store-restrup-slotshotel/">
      <img src="/wp-content/uploads/2025/07/55.png" alt="Store Restrup">
      <div class="overlay">Store Restrup</div>
    </a>

    <a href="https://slotshotel-aqdpdsgfagdxbze4.northeurope-01.azurewebsites.net/sophiendal-slotshotel/">
      <img src="/wp-content/uploads/2025/07/33.png" alt="Sophiendal">
      <div class="overlay">Sophiendal</div>
    </a>

    <a href="https://slotshotel-aqdpdsgfagdxbze4.northeurope-01.azurewebsites.net/hvedholm-slotshotel/">
      <img src="/wp-content/uploads/2025/07/11.png" alt="Hvedholm">
      <div class="overlay">Hvedholm</div>
    </a>

    <a href="https://slotshotel-aqdpdsgfagdxbze4.northeurope-01.azurewebsites.net/sauntehus-slotshotel/">
      <img src="/wp-content/uploads/2025/07/22.png" alt="Sauntehus">
      <div class="overlay">Sauntehus</div>
    </a>
  </div>

</section>

<style>
/* ALT herunder rammer KUN #castle-grid-royal */
#castle-grid-royal { position: relative; z-index: 5; }

/* Hvis Elementor har background overlay i samme container, må det ikke spise klik */
#castle-grid-royal .elementor-background-overlay,
#castle-grid-royal .elementor-shape { pointer-events: none !important; }

#castle-grid-royal .castle-grid{
  max-width:1140px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem;
  padding:2rem 0;
  position:relative;
  z-index:10;
}

#castle-grid-royal .castle-grid a{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:12px;
  cursor:pointer;
  pointer-events:auto !important;
  z-index:20;
}

#castle-grid-royal .castle-grid img{
  width:100%;
  height:auto;
  display:block;
  transition:transform .4s ease;
  pointer-events:auto !important;
}

#castle-grid-royal .overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(85,55,25,.75);
  color:#fff;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:1.4rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  opacity:0;
  transition:opacity .4s ease, background-color .4s ease;

  /* VIGTIG: overlay må ikke fange klik */
  pointer-events:none !important;
}

#castle-grid-royal .castle-grid a:hover img{ transform:scale(1.05); }
#castle-grid-royal .castle-grid a:hover .overlay{
  opacity:1;
  background:rgba(60,40,20,.8);
}

@media(max-width:1100px){
  #castle-grid-royal .castle-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:700px){
  #castle-grid-royal .castle-grid{ grid-template-columns:1fr; }
}
</style>/* End custom CSS */