brandingbar {
    display: grid;
    grid-template-columns: 1fr auto;
}

filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "name zip distance date"
        "full full full reset";
}

    filters.nodistance {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "name zip date"
            "full full reset";
    }

@media (max-width: 49em) {
    filters:not(.nodistance) {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "name zip"
            "distance date"
            "full reset";
    }
}

defaultseminarsummary {
    display: grid;
    grid-template-rows: 1fr 1fr auto;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
        "image date seats"
        "image desc desc"
        "image addr addr"
        "fakebutton . .";
}

seminarsummary {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 1.5rem;
}

    seminarsummary * {
        cursor: pointer;
    }

    seminarsummary:hover, seminarsummary:hover * {
        background-color: #f8f8f8;
    }

registerinputs {
    display: grid;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
}

    registerinputs div input {
        width: calc(100% - 3.2rem);
    }

    registerinputs div select {
        width: calc(100% - 1rem);
    }

    registerinputs div label:not(:empty) {
        color: red;
        margin-left: 0.5rem;
    }

tag {
    display: inline-block;
    background-color: white;
    border-style: solid;
    border-width: .01rem;
    border-color: rgba(0, 0, 0, 0.33);
    border-radius: 10rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    line-height: 1.1;
}

tagholder {
    display: block;
    margin-bottom: 2rem;
}

success, error {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 1rem;
    margin: 1rem;
    width: calc(100% - 4rem);
    background-color: green;
    color: white;
    border-radius: 1rem;
}

success {
    background-color: green;
}

error {
    background-color: red;
}

    success button, error button {
        border: none;
        background-color: transparent;
        color: white;
        width: 1.4rem;
        float: right;
    }

        success button:hover, success button:focus, error button:hover, error button:focus {
            background-color: lightgreen;
            color: grey;
        }
