/* */
.mdc-kommende-termine {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    /*align-content: stretch;*/

    /*height: 100%;*/
    /*padding: 15px;*/
    /*gap: 5px;*/
}

.mdc-kommender-termin {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 0 10px;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}

.mdc-termine-auftrittstermin {
    grid-area: 1/1/2/2;
    justify-self: center;
    align-content: center;
    line-height: 1.7em;
}

.mdc-termine-wochentag {
    font-size: 48px;
    font-style: italic;
    font-family: var(--global-heading-font-family);
}

.mdc-termine-datum {
    font-size: 48px;
    font-style: italic;
    font-weight: bold;
    font-family: var(--global-heading-font-family);
}

.mdc-vergangene-termine-auftrittstermin {
    grid-area: 1/1/2/2;
    justify-self: center;
    align-content: center;
    line-height: 1.7em;
}

.mdc-vergangene-termine-wochentag {
    font-size: 32px;
    font-style: italic;
    font-family: var(--global-heading-font-family);
}

.mdc-vergangene-termine-datum {
    font-size: 32px;
    font-style: italic;
    /*font-weight: bold;*/
    font-family: var(--global-heading-font-family);
}

.mdc-termine-location {
    text-align: center;
    display: block;
}

.mdc-kommende-termine-ticket {
    grid-area: 1/2/2/3;
    justify-self: end;
}

.mdc-kommende-termine-ticket img {
    width: 200px;
}

.mdc-kommende-termine-pulse {
    -webkit-animation: heartbeat 2s ease-in-out 3 both;
    animation: heartbeat 2s ease-in-out 3 both;
}

@media (max-width: 699px) {
    .mdc-kommender-termin {
        grid-template-columns: 1fr 90px;
        margin-bottom: 15px;
    }

    .mdc-termine-auftrittstermin {
        grid-area: 1/1/2/2;
        justify-self: left;
        align-content: center;
        line-height: 1.7em;
    }

    .mdc-termine-datum {
        font-size: 24px;
    }

    .mdc-termine-wochentag {
        font-size: 24px;
        width: 100px;
        display: inline-block;
    }

    .mdc-vergangene-termine-auftrittstermin {
        grid-area: 1/1/2/2;
        justify-self: center;
        align-content: center;
        line-height: 1.7em;
    }

    .mdc-vergangene-termine-wochentag {
        font-size: 20px;
        font-style: italic;
        width: 100px;
        display: inline-block;
        font-family: var(--global-heading-font-family);
    }

    .mdc-vergangene-termine-datum {
        font-size: 20px;
        font-style: italic;
        /*font-weight: bold;*/
        font-family: var(--global-heading-font-family);
    }

    .mdc-termine-location {
        text-align: start;
        display: block;
    }
    .mdc-kommende-termine-ticket img {
        width: 100px;
    }
}


/* ------------------------------------------------------------------------------------- */

.mdc-termine-partyfotos {
    min-width: 200px;
}

.mdc-termine-partyfotos-caption {
    font-size: 0.8em;
    font-style: italic;
    text-decoration: none;
    margin: auto;
    color: var(--global-palette1);
    text-align: center;
}

.mdc-vergangene-termine {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    /*align-content: stretch;*/

    /*height: 100%;*/
    /*padding: 15px;*/
    /*gap: 5px;*/
}

.mdc-vergangener-termin {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 0 10px;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

@media (max-width: 699px) {
    .mdc-vergangener-termin {
        grid-template-columns: 1fr 120px;
        margin-bottom: 10px;
    }

    .mdc-termine-partyfotos img {
        width: 120px;
    }
}



/* ----------------------------------------------
 * Generated by Animista on 2025-8-25 19:4:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@keyframes heartbeat {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }
    10% {
        transform: scale(0.91);
        animation-timing-function: ease-in;
    }
    17% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }
    33% {
        transform: scale(0.87);
        animation-timing-function: ease-in;
    }
    45% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}