body {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009adf+0,273583+100 */
    background: rgb(0,154,223); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,154,223,1) 0%, rgba(39,53,131,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,154,223,1) 0%,rgba(39,53,131,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(0,154,223,1) 0%,rgba(39,53,131,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009adf', endColorstr='#273583',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 3rem 0 1rem 0;
    color: #fff;
}

.logo {
    margin: 0 auto;
    margin-top: 3rem;
    width: 100%;
}

.row {
    max-width: 62.5em;
}

a {
    color: #fff;
}

a:hover {
    color: #fff;
}

.teaser {
    text-align: center;
}

.teaser img {
    margin-bottom: 1rem;
    max-width: 50%;
}

.h1 {
    text-align: center;
    margin: 3rem auto;
    display: block;
    max-width: 100%;
}

.impressum p {
    font-size: 0.75rem;
}

.impressum {
    text-align: center;
}

@media screen and (min-width: 40em) {
    
    .logo {
        margin: 0 auto;
        margin-top: 3rem;
        width: 27%;
    }

    .teaser img {
        max-width: 50%;
    }
    .h1 {
        margin: 6rem auto;
    }
    
}

@media screen and (min-width:64em) {


    .teaser img {
        max-width: 70%;
    }
    
}