/* ============================================
   TEMPEL-SHORTCUT (Medien & Text Block)
   Bild links, Text rechts
   ============================================ */

.tempel-shortcut {
    grid-template-columns: 5% auto !important;
}

.tempel-shortcut .wp-block-media-text__content {
    display: flex !important;
    align-items: center !important;
    padding: 0.5rem 1rem !important;
}

.tempel-shortcut .wp-block-media-text__media img {
    padding: 0 0.5rem !important;
}

.tempel-shortcut .wp-block-heading {
    margin: 0 !important;
    padding: 0 !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .tempel-shortcut {
        grid-template-columns: 8% auto !important;
    }

    .tempel-shortcut .wp-block-heading {
        font-size: 1.1rem !important;
    }

    .tempel-shortcut .wp-block-media-text__content {
        padding: 0.4rem 0.75rem !important;
    }
}

/* Handy */
@media (max-width: 768px) {
    .tempel-shortcut {
        grid-template-columns: 12% auto !important;
    }

    .tempel-shortcut .wp-block-media-text__media {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .tempel-shortcut .wp-block-media-text__content {
        grid-column: 2 !important;
        grid-row: 1 !important;
        padding: 0.3rem 0.5rem !important;
    }

    .tempel-shortcut .wp-block-heading {
        font-size: 0.9rem !important;
    }

    .tempel-shortcut .wp-block-media-text__media img {
        padding: 0.25rem !important;
    }
}