/*
************************************
** Styles for game-set-match.de
**
** Breakpoints (frueher mixins/_mq.scss) stehen ausgeschrieben. Die Datei laeuft
** nicht durch den Vite-Build - sie wird per includeCSS direkt ausgeliefert -,
** und @custom-media versteht kein Browser nativ.
**
**   xl 1460px | oversize 1350px | totalwidth 1250px | colbreak 1000px
**   singlecol 750px | menubreak 640px | mini 450px
************************************
*/

.header--special {
    h1 + h2 {
        color: rgb(var(--color-main)) !important;
        border-bottom: 4px solid rgb(var(--color-highlight));
        display: inline-block;
        margin-bottom: 20px;
    }

    /* h1 + h2 is inline-block, so its own ce-headline-* text-align has no
       effect on its own position - center/right it via the container instead. */
    &:has(h1 + h2.ce-headline-center) {
        text-align: center;
    }

    &:has(h1 + h2.ce-headline-right) {
        text-align: right;
    }
}

.content--landingpage {
    a:not(.link--box) {
        color: rgb(var(--color-main)) !important;
        border-bottom: 4px dotted rgb(var(--color-highlight));

        &:hover {
            border-bottom-style: solid;
            border-bottom-width: 2px;
        }
    }
}

.link--box, a.link--box {
    color: rgb(var(--color-main)) !important;

    &:hover {
        color: rgb(var(--color-main)) !important;
    }
}

.references .reference-item .reference-title {
    color: rgb(var(--color-main));
}

button[type="submit"] {
    color: rgb(var(--color-main));
}

.footer a:hover {
    color: rgb(var(--color-minor)) !important;
}