small popup opening by click on a Text-field

Hey Monika,
Thank you for the link to your site, I see that you have columns and rows of text block elements creating a grid, in a section with the ID #av-extra-columns, each text block contains minimal information and you would like these blocks to open into a popup with more information.
First try adding some “hidden” text in your text block element, to hide the text add the class hidden to the paragraph tag like this:
<p class="hidden">This is hidden text</p> , you may wish to edit the text elements in the “text” tab instead of the “visual” tab so you can see the paragraph tags. Now that your extra information is added to the text blocks try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.mfp-content {
  display: inline-flex !important;
}

.copyBlock-popup {
  position: relative;
  background: transparent;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}

.copyBlock-popup .avia_textblock {
  min-width: 300px;
  float: left;
  margin: 0 20px 10px 0
}

.copyBlock-popup .avia_textblock {
  width: 100%;
  color: #000;
}
.copyBlock-popup .mfp-close {
	right: 10px;
    top: 10px;
}
#av-extra-columns .avia_textblock .hidden {
	display: none;
}
.copyBlock-popup .avia_textblock .hidden {
  display: block;
  position: relative;
  visibility: visible;
}
#av-extra-columns .av_textblock_section:hover {
cursor: pointer;
}

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_popup_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
   $('#av-extra-columns .av_textblock_section').each(function () {
        var copyBlock = $(this).clone().html();
$(this).magnificPopup({
    items: {
        src: $('<div class="copyBlock-popup">'+copyBlock+'</div>'),
    },
    type: 'inline'
});
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_popup_script');

Now when you click on the blocks they will open in a popup and show the extra information.

Best regards,
Mike

Hi,
Thanks for the login, I found this css creating an overlay so that the text blocks are not receiving the click to activate the popup.

.hintergrund-04::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('/wp-content/uploads/2023/03/your-image-07.svg');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  z-index: 1;
}

I changed the z-index to zero to correct, please clear your browser cache and check.

Best regards,
Mike