html {
    min-height: 100%;
}

body {
    min-height:100%;
    height:100%;
}

#verlauf_oben {
    background: rgb(204,9,123);
    background: linear-gradient(180deg, rgba(204,9,123,1) 0%, rgba(234,147,36,1) 100%);
}

.rounded_header_img {
    border-radius: 30px;
}

#logocontainer {
    position:relative;
    margin-top: -120px;
}

#playmais_logo {
}

#gewinnspiel_content {
    background: rgb(215,189,220);
    background: linear-gradient(180deg, rgba(215,189,220,1) 20%, rgba(59,76,156,1) 100%);
    color:black;
    font-size:100%;
    /* text-shadow: 4px 3px 4px rgba(207,55,148,0.67); */
}

#gewinnspiel_content A {
    color:white;
}

#so_gehts {
    background-color: #cf3794;
    border-radius: 9px;
    padding:16px;
    color:white;
    margin-bottom: 24px;
}

#mitmachen_und_gewinnen {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
}

.grow { transition: all .8s ease-in-out; }
.grow:hover { transform: scale(1.05); }

@media (max-width: 768px) {
    #logocontainer {
        position:relative;
        margin-top: -80px;
    }
    #playmais_logo {
        width:50%;
    }    
}

@media (min-width: 769px) and (max-width: 1020px) {
    #logocontainer {
        position:relative;
        margin-top: -90px;
    }
    #playmais_logo {
        width:50%;
    }    
}

@media (min-width: 1020px) {
    #gewinnspiel_content {
        font-size:120%;
    }
    #so_gehts {
        transform: rotate(-5deg);
    }
    #so_gehts {
        transform: rotate(-5deg);
    }


}