/*
 * Copyright (c) 2025 microdat GmbH. Alle Rechte vorbehalten.
 *
 * Dieser Code ist Eigentum von microdat GmbH und darf in keiner Weise
 * verwendet, kopiert, modifiziert, verteilt, lizenziert, vermarktet oder anderweitig
 * genutzt werden. Jegliche unbefugte Nutzung ist strengstens untersagt und wird
 * rechtlich verfolgt.
 *
 * Keine Garantie oder Haftung für Fehler, Schäden oder Verluste, die durch diesen Code entstehen.
 */

#primary .row > #text-logo { display: none !important; }

@media (min-width: 1200px) {
    #primary .row {
        flex-direction: row;
        display: flex;
    }

    #primary .row > #text-logo {
        display: block !important;
        margin-inline: auto;
        font-size: 3dvw;
        margin-top: auto;
        margin-bottom: 10dvh;
    }
}

/* Digitalkonzept-Seite */
.page-header.header-small {
    min-height: 90dvh;
}

/* Hero-Box */
.hero-box {
    position: relative;
    z-index: 0;

    display: flex;
    flex-direction: column;
    gap: 1em;

    width: unset;
    font-size: min(2vw, 2dvh) !important;

    border-radius: var(--glass-border-radius);
    padding: 1em 1em 0em 1em;

    background: var(--glass-background);
    backdrop-filter: var(--glass-backdrop-filter);

    &::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        border-radius: inherit;
        border: var(--glass-border-width) solid transparent;
        background: var(--glass-before-background);
        mask: var(--glass-before-mask);
        opacity: var(--glass-before-opacity);
    }

    & > * {
        margin: 0 !important;
        text-align: left !important;
        font-family: inherit !important;
        font-style: normal !important;
        font-size: inherit !important;
        white-space: nowrap;
    }

    & > .buttons {
        margin-block: 1em !important;

        & > a {
            transition: background-color 0.3s ease-in-out;
            background-color: #e5003baa;

            -webkit-box-shadow: none !important;
            box-shadow: none !important;

            display: flex;
            flex-direction: column;
            font-size: 150% !important;
            padding-block: 0.5em !important;

            border-radius: 0.5em !important;

            &:hover {
                background-color: #e5003bff;
            }
        }
    }

    & > h1, & > h2 {
        display: block;
        font-weight: normal !important;
        text-align: center !important;
        margin-inline: 1em !important;
    }

    & > h2 {
        align-self: end;
        font-size: 140% !important;
    }

    & > .hero-sub-title {
        margin-inline: 1em !important;
    }

    & > .hero-sub-text {
        margin-inline: 3em !important;
        font-size: 80% !important;
        opacity: 0.7;
        font-weight: bold;
    }
}