<section
  class="bg-white w-full max-w-[90%] mx-auto py-10 rounded-lg"
  data-component-type="Content"
>

  <div class="p-6 md:p-10 flex flex-col md:flex-row gap-8 overflow-hidden">

    <!-- MAP BLOCK -->
    <div class="w-full h-[300px] md:h-[450px] lg:h-[500px]">

      <iframe
        data-node="contact_map_embed"
        data-node-type="text"
        data-node-label="Google Map Embed"
        data-node-default="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2510.834133378373!2d8.682127315747618!3d50.11092297942802!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd0f94be2b07df%3A0xed8d6b4c6c0d6e14!2sFrankfurt%2C%20Germany!5e0!3m2!1sen!2s!4v1700000000000"
        src="{{contact_map_embed}}"
        class="w-full h-full rounded-lg"
        style="border:0;"
        allowfullscreen=""
        loading="lazy"
        referrerpolicy="no-referrer-when-downgrade">
      </iframe>

    </div>

  </div>

</section>
