.wp-block-minimalio-blocks-minimalio-gallery.wp-block-gallery[data-caption-enabled=true] .wp-block-image figcaption.wp-element-caption {
  margin-top: 5px;
  font-variant: normal;
  text-align: center;
}

.vertical .header.header__fixed {
  margin-left: 30px;
  width: 0px;
}

.flex.flex-wrap.justify-end.m-0.align-middle.header__menu.gap-x-8 {
  margin-top: 50px;
}

/* Erzwingt Zeilenumbrüche in den Gutenberg-Galerie-Blöcken von Minimalio */

.wp-block-gallery .wp-element-caption,
.wp-block-image figcaption,
figcaption.wp-element-caption {
  white-space: pre-line !important;
}

/* Erzwingt die Use-Any-Font Schriftart in der Minimalio Premium Lightbox */

.lg-sub-html,
.lg-sub-html h4,
.lg-sub-html p,
.minimalio-lightbox-caption {
  font-family: 'typewriter-condensed', sans-serif !important;
}

.header__tagline {
  font-size: 24px;
  line-height: 36px;
  font-weight: 100;
  text-transform: none;
}

/* 1. Vorbereitung des Galerie-Bildes für die Hover-Caption */
.wp-block-gallery .wp-block-image {
    position: relative !important;
    overflow: hidden !important;
}

/* 2. Formatierung und Positionierung der Bildunterschrift standardmäßig (unsichtbar) */
.wp-block-gallery .wp-block-image figcaption.wp-element-caption {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: rgba(255, 255, 255, 0.70); /* Halbtransparenter weißer Hintergrund */
    color: #000000 !important;                   /* Schwarze Textfarbe */
    padding: 15px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    
    /* Animationseffekte für das Einblenden */
    opacity: 0 !important;
    transform: translateY(100%) !important;    /* Schiebt den Text nach unten aus dem Bild */
    transition: opacity 0.3s ease, transform 0.3s ease !important; /* Weicher Übergang */
    z-index: 10 !important;
}

/* 3. Der Hover-Effekt: Text einblenden und hochschieben */
.wp-block-gallery .wp-block-image:hover figcaption.wp-element-caption {
    opacity: 1 !important;
    transform: translateY(0) !important;       /* Bewegt den Text in die Ausgangsposition */
}