/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2025-10-01 11:15:18 */
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300i,400');
.nav-open .page-wrapper {
    position:fixed;
    z-index:3;
}body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 57.17%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 40.83%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 42.8775%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 30.6225%;
    }
}

      .birthday-banner {
            position: relative;
            padding: 10px;
            background-image: url('https://murawei.de/media/wysiwyg/murawei_birthsday_desktop.jpg'); /* Default image for desktop */
            background-size: cover; /* Cover the entire div */
            background-position: center; /* Center the background image */
        }

        /* For mobile devices */
        @media (max-width: 600px) {
            .birthday-banner {
                background-image: url('https://murawei.de/media/wysiwyg/murawei_birthsday.jpg');
            }
        }

        /* Add iPad or other tablets if needed */
        @media (max-width: 768px) {
            .birthday-banner {
                background-image: url('https://murawei.de/media/wysiwyg/murawei_birthsday.jpg'); /* Assuming same image for mobile and tablet */
            }
        }