/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27.07.2015, 12:44:59
    Author     : Czaykowski
*/



/*
    Steckbrief
*/
#steckbrief
{
    margin-top: 25px;
}

#steckbrief .brief
{
    width: 100%;
    float: none;
    margin-left: 15px;
    margin: auto;
}


#steckbrief .brief .mehr
{
    float: none;
    padding: 0px 10px 0px 10px;
    width: 100%;
    background: #30547F;
}

#steckbrief .brief .mehr p a
{
    color: #fff;
    display: block;
    text-align: center;
}

#steckbrief .brief .image img
{
    width: 100%;
    height: auto;
}

#steckbrief .info p
{
    padding: 0px;
    margin-left: 0px;
}

/*
    Team
*/
#team
{
    margin-top: 25px;
    margin-bottom: 25px;
    max-width: 350px;
    margin: auto;
}

#team > .team-mitglied
{
    max-width: 350px;
    width: 100%;
    float: none;
    margin-bottom: 25px;
}

#team > .team-mitglied .foto
{
    margin-right: 15px;
    text-align: center;
}

#team > .team-mitglied .foto
{
    margin-right: 15px;
    text-align: center;
}

#team > .team-mitglied .informationen
{
    margin-top: 5px;
}

#team > .team-mitglied .informationen ul
{
    margin-left: 25px;
}

#team > .team-mitglied .informationen ul li
{
    color: #30547F;
}

#team > .team-mitglied .informationen ul li span
{
    color: #1a1a1a;
}

#team > .team-mitglied .informationen p.name
{
    font-weight: bold;
    color: #30547F;
    margin-top: 0px;
}

#steckbrief
{
    clear: both;
    margin-top: 25px;
    max-width: 333px;
    margin: auto;
}

#steckbrief .brief
{
    width: 100%;
    max-width: 333px;
    float: left;
    margin-left: 0px;
}

@media (min-width: 820px)
{
    /*
        Team
    */
    #team
    {
        margin-top: 25px;
        margin-bottom: 25px;
        max-width: none;
    }

    #team > .team-mitglied
    {
        width: 30.7471264%;
        float: left;
        margin-left: 15px;
        margin-bottom: 25px;
    }
}

@media (min-width: 1160px)
{ 
    /*
        Steckbrief
    */
    #steckbrief
    {
        margin-top: 25px;
        max-width: none;
    }
    
    #steckbrief .brief
    {
        width: 32.4%;
        float: left;
        max-width: none;
        margin-left: 15px;
    }
    
    #steckbrief .brief .mehr
    {
        padding: 0px 10px 0px 10px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        background: #30547F;
    }
    
    #steckbrief .brief.image img
    {
        width: 34.626436%;
        max-width: none;
        height: auto;
        text-align: center;
    }
    
    #steckbrief .first
    {
        margin-left: 0px;
    }
    
}