/* LabMessenger Blank Template - Minimalistisches Template für Image-Anzeige */
/* Optimiert für Windows Desktop Applikation */

/* Reset für das Blank Template */
.labmessenger-blank {
    margin: 0;
    padding: 0;
    background: #ffffff;
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* Container für den Content */
.labmessenger-blank__content {
    width: 100%;
    max-width: 960px;
    padding: 0;
    margin: 0 auto;
}

/* Container */
.labmessenger-blank__container {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Reset TYPO3 content element margins */
.labmessenger-blank .frame,
.labmessenger-blank .ce-frame,
.labmessenger-blank [id^="c"],
.labmessenger-blank figure,
.labmessenger-blank figure.image {
    margin: 0 !important;
    padding: 0 !important;
}

/* Image Container */
.labmessenger-blank__image {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}

.labmessenger-blank__image img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 960px;
    margin: 0;
    padding: 0;
}

/* Responsive Anpassungen */

/* Large Desktop: Content max-width stays at 960px */
@media (min-width: 1600px) {
    .labmessenger-blank__content {
        max-width: 960px;
    }
}

/* Tablet/Small Window: Adjust margins and padding */
@media (max-width: 900px) {
    .labmessenger-blank__content {
        padding: 0;
        margin: 0 auto;
    }
}

/* Mobile: Smaller padding */
@media (max-width: 480px) {
    .labmessenger-blank__content {
        padding: 0;
        margin: 0 auto;
    }
}