/*css hier ist alles gpt generiert, das hab ich alles gemacht damit der gallery block korrekt gerendert wird*/
:root {
    /* Content widths used by alignwide/alignfull rules */
    --wp--style--global--content-size: 700px;
    --wp--style--global--wide-size: 1200px;
  
    /* Preset examples — only add the ones your content uses */
    --wp--preset--color--black: #000;
    --wp--preset--color--white: #fff;
    --wp--preset--font-size--small: 0.875rem;
    --wp--preset--font-size--medium: 1rem;
    --wp--preset--font-size--large: 1.25rem;
    --wp--preset--spacing--small: 0.5rem;
    --wp--preset--spacing--medium: 1rem;
    --wp--preset--spacing--large: 2rem;
  }
  

  .wp-block-gallery.has-nested-images {
    display: grid;
    grid-template-columns: repeat(var(--columns, 3), minmax(0, 1fr));
    gap: var(--wp--style--block-gap, 1rem);
  }
  .wp-block-gallery.columns-1 { --columns: 1; }
  .wp-block-gallery.columns-2 { --columns: 2; }
  .wp-block-gallery.columns-3 { --columns: 3; }
  .wp-block-gallery.columns-4 { --columns: 4; }
  .wp-block-gallery.columns-5 { --columns: 5; }
  .wp-block-gallery.columns-6 { --columns: 6; }

  /* Kill the flex-based width so grid can size items correctly */
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: auto !important; /* or: width: initial; */
    margin: 0;               /* keep margins zeroed */
  }

  figure.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {

    position: 0 -300;
    //color: #000;
    //line-height: 1.2em;
    //margin-top: 0.2em;
    }