@media screen and (min-width: 770px) {
    .hero-background {
        background-image: url('/static/img/hero_background.svg');
        background-size: 100%;
        background-blend-mode: color-dodge;
    }
}

@media screen and (max-width: 769px) {
    .hero-background {
        background-image: url( '/static/img/mobile_header.svg' );
        background-size: 100%;
        background-blend-mode: color-dodge;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 770px) {
    .hero-logo {
        max-width: 40%;

    }
}

@media screen and (max-width: 769px) {
    .hero-logo {
        max-width: 75%;
        margin-top: 3em;
    }
}

.text-center {
    text-align: center;
}

.glow {
    text-shadow: 0 0 15px #00C0DD;
    transition: all 0.2s ease-in-out;
}

.glow:hover {
    text-shadow: 0 0 20px #fff, 0 0 30px #00C0DD, 0 0 40px #00C0DD, 0 0 50px #00C0DD, 0 0 60px #00C0DD, 0 0 70px #00C0DD, 0 0 80px #00C0DD;
}

.heading-background {
    background-image: url( '/static/img/ueberschrift_element.svg' );
    background-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (min-width: 770px) {
    .background-scale {
        background-size: 70%;
    }
}
@media screen and (max-width: 769px) {
    .background-scale {
        background-size: 120%;
    }
}

.sponsor-logo {
    max-width: 15%;
}

.table-text-left {
    text-align: left;
}

.table-text-right {
    text-align: right;
}

.table.is-borderless td, .table.is-borderless th {
 border: 0;
}

.img-glow:hover {
    -webkit-filter: drop-shadow(0px 0px 30px rgba(0,190,219,1));
    -moz-filter: drop-shadow(0px 0px 30px rgba(0,190,219,1));
    -ms-filter: drop-shadow(0px 0px 30px rgba(0,190,219,1));
    -o-filter: drop-shadow(0px 0px 30px rgba(0,190,219,1));
    filter: drop-shadow(0px 0px 30px rgba(0,190,219,1));
}

.button {
    background-color: transparent;
}

.button-background {
    background-image: url( '/static/img/button-01.svg' );
    background-size: 100% 100%;
    margin: 0.5em;
    padding: 0.5em;
    display: inline-block;
    border: 0;
}

input, select
{
    background-color: rgba(0,0,0,.5);
    border-radius: .5em;
    color: #fff;
    padding: .25em;
}

textarea
{
    background-color: rgba(0,0,0,.5);
    border-radius: .5em;
    color: #fff;
    padding: .25em;
}