/*
 * Celler Garnison-Museum – Startseite Mobile Refresh
 * Hero kürzer und bildbetonter; Sammlungen vor Ausstellungen.
 */

@media screen {
    body.cgm-landing .cgm-hero-slider .cgm-hero-shade {
        background:
            linear-gradient(90deg,
                rgba(4,16,28,.78) 0%,
                rgba(4,16,28,.61) 28%,
                rgba(4,16,28,.32) 50%,
                rgba(4,16,28,.08) 72%,
                rgba(4,16,28,0) 100%),
            linear-gradient(0deg,
                rgba(4,16,28,.28) 0%,
                rgba(4,16,28,.05) 42%,
                rgba(4,16,28,0) 100%);
    }

    body.cgm-landing .cgm-hero.cgm-hero-slider,
    body.cgm-landing .cgm-hero-slider .cgm-hero-inner {
        min-height: 610px;
    }

    body.cgm-landing .cgm-hero-slider .cgm-hero-copy {
        width: min(650px, 62%);
    }

    body.cgm-landing .cgm-hero-slider .cgm-hero-copy h1 {
        max-width: 650px;
        margin-bottom: 16px;
    }

    body.cgm-landing .cgm-hero-slider .cgm-hero-copy .cgm-lede {
        max-width: 620px;
        margin-top: 0;
    }

    body.cgm-landing .cgm-hero-about {
        margin-top: 20px;
    }

    body.cgm-landing .cgm-discovery-exhibits .cgm-discovery-label,
    body.cgm-landing .cgm-discovery-collections .cgm-discovery-label {
        display: none !important;
    }

    body.cgm-landing .cgm-discovery-exhibits .cgm-discovery-copy h3,
    body.cgm-landing .cgm-discovery-collections .cgm-discovery-copy h3 {
        margin-top: 0;
    }
}

@media screen and (max-width: 900px) {
    body.cgm-landing .cgm-hero.cgm-hero-slider,
    body.cgm-landing .cgm-hero-slider .cgm-hero-inner {
        min-height: 590px;
    }

    body.cgm-landing .cgm-hero-slider .cgm-hero-shade {
        background:
            linear-gradient(90deg,
                rgba(4,16,28,.70) 0%,
                rgba(4,16,28,.46) 54%,
                rgba(4,16,28,.12) 100%),
            linear-gradient(0deg,
                rgba(4,16,28,.34) 0%,
                rgba(4,16,28,.05) 50%,
                rgba(4,16,28,0) 100%);
    }

    body.cgm-landing .cgm-hero-slider .cgm-hero-copy {
        width: min(620px, 82%);
    }
}

@media screen and (max-width: 620px) {
    body.cgm-landing .cgm-hero.cgm-hero-slider,
    body.cgm-landing .cgm-hero-slider .cgm-hero-inner {
        min-height: 550px;
    }

    body.cgm-landing .cgm-hero-slider .cgm-hero-shade {
        background:
            linear-gradient(0deg,
                rgba(4,16,28,.84) 0%,
                rgba(4,16,28,.64) 29%,
                rgba(4,16,28,.22) 53%,
                rgba(4,16,28,.04) 76%,
                rgba(4,16,28,0) 100%),
            linear-gradient(90deg,
                rgba(4,16,28,.18) 0%,
                rgba(4,16,28,0) 72%);
    }

    body.cgm-landing .cgm-hero-slider .cgm-hero-inner {
        align-items: flex-end;
        padding-top: 30px;
        padding-bottom: 80px;
    }

    body.cgm-landing .cgm-hero-slider .cgm-hero-copy {
        width: 100%;
    }

    body.cgm-landing .cgm-hero-slider .cgm-hero-copy h1 {
        max-width: 92%;
        margin-bottom: 12px;
        font-size: clamp(38px, 11vw, 48px);
        line-height: 1.00;
    }

    body.cgm-landing .cgm-hero-slider .cgm-hero-copy .cgm-lede {
        max-width: 92%;
        font-size: 17px;
        line-height: 1.42;
    }

    body.cgm-landing .cgm-hero-about {
        gap: 8px;
        margin-top: 17px;
    }

    body.cgm-landing .cgm-hero-about a {
        padding: 9px 12px;
        font-size: 14px;
    }

    body.cgm-landing .cgm-discovery {
        padding-top: 44px;
        padding-bottom: 52px;
    }

    body.cgm-landing .cgm-discovery-heading {
        margin-bottom: 26px;
    }

    body.cgm-landing .cgm-discovery-heading h2 {
        font-size: clamp(38px, 11vw, 48px);
    }

    body.cgm-landing .cgm-discovery-heading > p:last-child {
        margin-top: 12px;
        font-size: 16px;
        line-height: 1.48;
    }

    body.cgm-landing .cgm-exhibit-collage,
    body.cgm-landing .cgm-collection-feature-slider {
        height: min(66vw, 310px);
    }

    body.cgm-landing .cgm-discovery-copy {
        padding: 22px 20px 24px;
    }

    body.cgm-landing .cgm-discovery-copy h3 {
        font-size: 32px;
    }

    body.cgm-landing .cgm-discovery-copy h3::after {
        margin-top: 12px;
        margin-bottom: 13px;
    }

    body.cgm-landing .cgm-discovery-copy > p:not(.cgm-discovery-label) {
        margin-bottom: 18px;
        font-size: 16px;
        line-height: 1.48;
    }

    body.cgm-landing .cgm-military-teaser-visual,
    body.cgm-landing .cgm-panorama-home-visual {
        min-height: 290px;
    }

    body.cgm-landing .cgm-military-teaser-copy,
    body.cgm-landing .cgm-panorama-home-copy {
        padding: 26px 20px 28px;
    }

    body.cgm-landing .cgm-military-teaser-copy h3,
    body.cgm-landing .cgm-panorama-home-copy h3 {
        font-size: 34px;
    }
}