/* ----------------------------------------------------------------------------- *
 *                                     listen                                    *
 * ----------------------------------------------------------------------------- */
ul li a.som_frei{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: 'Open Sans', sans-serif;
    color:#333;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    width: 100%;
    background: url(../pics/pics-icons/frei.gif) no-repeat;
    float: left;    
}
ul li.lesom_frei{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    padding-right: 20px;
    width: auto;
    background: url(../pics/pics-icons/frei.gif) no-repeat;
    float: left;    
}

ul li a.som_halb{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: 'Open Sans', sans-serif;
    color:#333;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    width: 100%;
    background: url(../pics/pics-icons/halb.gif) no-repeat;
    float: left;    
}
ul li.lesom_halb{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    padding-right: 20px;
    width: auto;
    background: url(../pics/pics-icons/halb.gif) no-repeat;
    float: left;    
}

ul li a.som_rest{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: 'Open Sans', sans-serif;
    color:#333;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    width: 100%;
    background: url(../pics/pics-icons/halb1.gif) no-repeat;
    float: left;    
}
ul li.lesom_rest{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    padding-right: 20px;
    width: auto;
    background: url(../pics/pics-icons/halb1.gif) no-repeat;
    float: left;    
}

ul li a.som_weg{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: 'Open Sans', sans-serif;
    color:#333;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    width: 100%;
    background: url(../pics/pics-icons/weg.gif) no-repeat;
    float: left;    
}
ul li.lesom_weg{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    padding-right: 20px;
    width: auto;
    background: url(../pics/pics-icons/weg.gif) no-repeat;
    float: left;    
}
ul li a.som_frei:hover, ul li a.som_halb:hover, ul li a.som_rest:hover, ul li a.som_weg:hover {
    color:#638114;
}

/* ----------------------------------------------------------------------------- *
 * GROSSES MEDIA TABLET                                                             *
 * ----------------------------------------------------------------------------- */
@media (min-width: 750px) and (max-width: 899px){
    ul li a.som_frei, ul li a.som_halb, ul li a.som_rest, ul li a.som_weg{
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
    } 
}

/* ----------------------------------------------------------------------------- *
 * KLEINES MEDIA TABLET - HANDY GROSS                                                          *
 * ----------------------------------------------------------------------------- */
@media (min-width: 501px) and (max-width: 749px){
    ul li a.som_frei, ul li a.som_halb, ul li a.som_rest, ul li a.som_weg{
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
    } 
}