Suchfunktion

<style>
#collection {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
  gap: 5px;
  padding-left: 20px;
  margin-bottom: 300px;
}
.magazinehover {
  position: relative;
  display: inline-block;
}
.magazinehover .magazinetooltip {
  visibility: hidden;
  width: 250px;
  background-color: transparent;
  text-align: center;
  border-radius: 1px;
  padding: 0px 0;
  position: absolute;
  z-index: 1000;
}
.magazinehover:hover .magazinetooltip {
  visibility: visible;
}
</style>


<div id="collection">
    <?php
        $the_query = new WP_Query( array(
        'post_type'          => array('post'),
        'post_status'        => 'publish',
        'meta_key'            => 'collection',
        'meta_value'        => '1',
        'orderby'           => 'magazineid',
        'order'                => 'ASC',
        'posts_per_page'     => 500,
    ) ); ?>


    <?php if ( $the_query->have_posts() ) : ?>
        <?php while ( $the_query->have_posts() ) : $the_query->the_post();  ?>


            <div class="magazinehover">
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                <span class="magazinetooltip">
                <?php the_post_thumbnail('full'); ?>
                </span>
            </div>       


        <?php endwhile; ?>
        <?php wp_reset_postdata(); ?>
    <?php endif; ?>
</div>