.page .entry-title {display: none; }
.site-header .site-branding-container{display:flex;justify-content:space-between;align-items:center;max-width:100%;}.main-navigation{margin-left:auto;}
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
}
.wp-block-image img {
    height: auto;
    max-width: 100%;}
html, body{overflow-x:hidden;width: 100%;position:relative;}
@media (max-width: 768px){img.alignnone, img. aligncenter{display:block; margin-left:auto;margin-right:auto;width: auto;}}
/* Die Größe des Logos begrenzen, damit es scharf bleibt */
.custom-logo, .site-logo img, .navbar-brand img {
    width: 300px !important;
    height: auto !important;
}
/* Zentrierung für mobile Geräte (bis 768px Breite) */
@media (max-width: 768px) {
    
    /* Zentriert den gesamten Medien- & Text-Block */
    .wp-block-media-text {
        grid-template-columns: 100% !important;
        text-align: center !important;
    }

    /* Zentriert Bilder innerhalb von Blöcken */
    .wp-block-media-text__media img, 
    .wp-block-image img {
        margin: 0 auto !important;
        display: block !important;
    }

    /* Zentriert den Text-Bereich */
    .wp-block-media-text__content {
        padding: 20px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Zentriert Überschriften und Absätze im Block */
    .wp-block-media-text__content h1,
    .wp-block-media-text__content h2,
    .wp-block-media-text__content h3,
    .wp-block-media-text__content p {
        text-align: center !important;
        width: 100% !important;
    }
}
/* Verbesserte Zentrierung für mobile Geräte */
@media (max-width: 768px) {
    
    /* 1. Den gesamten Block zurücksetzen */
    .wp-block-media-text, 
    .wp-block-media-text__content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    /* 2. Sicherstellen, dass das Bild keinen linken Abstand hat */
    .wp-block-media-text__media {
        margin: 0 auto 20px auto !important;
        padding: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    .wp-block-media-text__media img {
        margin: 0 auto !important;
        display: block !important;
        max-width: 100% !important;
    }

    /* 3. Eventuelle Aufzählungszeichen oder Listen zentrieren */
    .wp-block-media-text__content ul {
        list-style-position: inside !important;
        padding-left: 0 !important;
        text-align: center !important;
    }
}
/* Nur für mobile Geräte */
@media (max-width: 768px) {
    
    /* Den Button-Container auf volle Breite setzen */
    .wp-block-button {
        width: 100% !important;
        display: block !important;
    }

    /* Den eigentlichen Button (Link) breit machen */
    .wp-block-button__link {
        width: 100% !important; /* Nimmt die volle Breite ein */
        box-sizing: border-box !important;
        text-align: center !important;
        padding: 15px 20px !important; /* Macht den Button etwas höher/griffiger */
    }

    /* Entfernt Abstände, die das Element nach rechts drücken */
    .wp-block-media-text__content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (max-width: 768px) {
    
    /* Der Container sorgt für die Zentrierung */
    .wp-block-button {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    /* Der Button selbst */
    .wp-block-button__link {
        /* Breite auf 80% des Bildschirms begrenzen */
        width: 80% !important; 
        
        /* Verhindert, dass er auf Tablets ZU breit wird */
        max-width: 350px !important; 
        
        /* Zentrierung */
        margin: 0 auto !important;
        
        /* Text im Button zentrieren */
        text-align: center !important;
        display: inline-block !important;
    }
}