/*
Theme Name: Melibar Child Theme
Author: Melibar Dev
Description: Your description goes here
Version: 1.0
Template: twentytwentyfive

This is the child theme for Twenty Twenty-Five theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

      /* Container that handles the primary zoom scaling */
        .logo-container {
            display: flex;
            justify-content: center;
            align-items: center;
   position: absolute;
          top: 220px;
          left: 0;
          right: 0;
          text-align: center;
            z-index: 1;
        }

        /* The image itself, handling the glow and blur effects */
        .logo-image {
            max-width: 800px;
            width: 100%;
            height: auto;
            /* Uses colors matching the neon blue in the Melibar logo */            z-index: 1;

  transform-style: preserve-3d;
  animation: spinFlipGrowShrink 5s infinite;
        }
        /* Definition der Animations-Phasen */
        @keyframes spinFlipGrowShrink {
            0% {
                /* Startpunkt: Normalzustand */
                transform: rotate(0deg) rotateY(0deg) scale(1);
            }
            25% {
                /* Phase 1: Dreht sich im Kreis (360 Grad) */
                transform: rotate(360deg) rotateY(0deg) scale(1);
            }
            50% {
                /* Phase 2: Flipped (spiegelt sich um die Y-Achse) */
                transform: rotate(360deg) rotateY(360deg) scale(1);
            }
            75% {
                /* Phase 3: Wird groß (Skalierung auf 1.5) */
                transform: rotate(360deg) rotateY(360deg) scale(1.5);
            }
            100% {
                /* Phase 4: Zurück auf Originalgröße und un-flip für einen weichen Übergang */
                transform: rotate(360deg) rotateY(0deg) scale(1);
            }
        }
h2{
font-size: 3rem;
font-weight: 900;
text-decoration: underline;
}

 @media (max-width: 1400px) {
        .logo-container {
       	top: 40px !important;
        width: 400px !important;
        }
}
 @media (max-width: 768px) {
        .logo-container {
       	top: 20px !important;
        width: 200px !important;
   }
          body {
          padding: 34px;
          
        }
   .custom-header {
     padding: 20px 40px !important;
   }
        }
 .custom-header {
   margin: 0 0;
}