@charset "UTF-8";

/* CSS Document */

@media all {
    body {
        font-family: Arial, Helvetica, sans-serif;
        color: #038bd2;
        text-align: left;
        background: #d0eaf6;
    }

    h1,
    h2 {
        color: #008ad1;
    }
    p,
    div {
        margin: 20px 10px;
    }

    div#logo,
    div#ueberschriften {
        float: left;
        margin: 0;
    }

    .clear {
        clear: both;
    }

    img {
        max-width: 100%;
        height: auto;
        padding: 20px;
    }
    img#ginner {
        padding: 20px 20px 10px 0;
    }
}

/* Media Query für Smartphones im Portrait-Modus */
@media only screen and (max-width: 767px) and (orientation: portrait) {
    div#logo,
    div#ueberschriften {
        float: none;
        display: block;
    }
}