#KopfMitLogo
{
    background-color: #333333;
}

#Logo
{
    display: inline;
    float: left;
    height: auto;
    margin-left: 4%;
    margin-right: 2%;
    max-width: 93px;
    width: 20%;
}

#Kopf
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 94px;
}

#Titel
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-center;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: whitesmoke;
    font-size: 18pt;
    margin-left: 4%;
    height: 45px;
    vertical-align: middle;
}


@media (max-width: 560px)
{
    #Titel
    {
        font-size: 14pt;
    }
}

@media (max-width: 440px)
{
    #Titel
    {
        font-size: 12pt;
    }
}

@media (max-width: 380px)
{
    #Titel
    {
        font-size: 11pt;
    }
}

@media (max-width: 340px)
{
    #Kopf
    {
        height: 68px;
    }

    #Titel
    {
        font-size: 10pt;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 300px)
{
    #Titel
    {
        font-size: 9pt;
    }
}

@media (max-width: 240px)
{
    #Kopf
    {
        height: 48px;
    }

    #Titel
    {
        font-size: 8pt;
    }
}


#Fuss
{
    background-color: dimgray;
    margin-bottom: 0px;
    margin-top: 48px;
    padding-bottom: 32px;
    padding-top: 32px;
    text-align: center;
    width: 100%;
}

    #Fuss div.Titel
    {
        color: #C0C0C0;
        font-size: 150%;
    }

    #Fuss div.Adresse
    {
        color: #B0B0B0;
    }

    #Fuss div.Telefon, #Fuss div.Mail
    {
        color: #D0D0D0;
    }

        #Fuss div.Mail a
        {
            color: #A0A0F0;
            text-decoration: none;
            white-space: nowrap;
        }

@media screen and (max-width: 400px)
{
    .mehrText
    {
        display: none;
    }
}