/*
******************************
** Styles for tc-schorndorf.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
******************************
*/

.table-listing tr.table-up,
.table-listing tr.table-down {
    background: none;
}

/* ***** Header ***** */

.header .logo {
    @media screen and (max-width: 1250px) {
        float: none;
        margin: 25px auto 5px;
    }

    img {
        @media screen and (max-width: 1000px) {
            max-height: none;
        }
    }
}

/* ***** Navigation ***** */

.nav--main {
    @media screen and (max-width: 1250px) {
        position: relative;
        text-align: center;
        width: calc(100% + 60px);
        left: -30px;
        margin-top: 20px;
    }

    @media screen and (max-width: 640px) {
        width: 100%;
        left: 0;
    }

    .nav-list--level1 > .nav-list-item > a {
        @media screen and (max-width: 1000px) {
            font-size: 1rem;
            padding: 10px;
        }

        @media screen and (max-width: 640px) {
            font-size: 1.25rem;
            padding: 12px 60px 12px 20px;
        }
    }

    .nav-list--level2 {
        @media screen and (max-width: 1000px) {
            top: 44px;
        }
    }
}

/* ***** Ansprechpartner ***** */

.contacts {
    margin-top: 0;

    &.contact-columns-3 {
        @media screen and (max-width: 1000px) {
            grid-template-columns: 1fr 1fr;
        }

        @media screen and (max-width: 640px) {
            grid-template-columns: 1fr;
        }
    }
}

/* ***** Container ***** */

.column {
    margin-top: 0;
}

/* grid-col() */
.column--2cols-2-1 > .col {
    @media screen and (max-width: 1000px) {
        display: block;
        width: 100%;
        max-width: 100%;
        flex: none;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 30px;

        &:last-of-type {
            margin-bottom: 0;
        }
    }
}

/* ***** Misc ***** */

.content {
    padding-top: 10px;
}

/* ***** Content Highlight ***** */

.content--highlight a {
    color: rgb(var(--color-main)) !important;
    text-decoration: underline;

    &:hover {
        text-decoration: none;
    }
}

/* ***** Footer ***** */

.footer a {
    text-decoration: underline;

    &:hover {
        color: rgb(var(--color-minor)) !important;
        text-decoration: none;
    }
}