/** Transitions ----------------------------------------------------------- **/
#resButton div, 
#resButton.Open div, 
.teaser .button > div span { 
    -webkit-transition: all 0.2s linear;
    -moz-transition:    all 0.2s linear;
    -o-transition:      all 0.2s linear;
    transition:         all 0.2s linear;
    background-color: #000;
}

#resTopDown, 
#resTopDown.open { 
    -webkit-transition: top 0.3s linear;
    -moz-transition:    top 0.3s linear;
    -o-transition:      top 0.3s linear;
    transition:         top 0.3s linear; 
}

#resRightLeft, 
#resRightLeft.open { 
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition:    right 0.3s ease-in-out;
    -o-transition:      right 0.3s ease-in-out;
    transition:         right 0.3s ease-in-out; 
}

/** aktiv bei Klick -------------------------------------------------------- **/
#resButton.open div { 
    width:              1.5em; 
    margin:             0.3em auto; 
    background:         #000; 
}

#resButton.open div:nth-of-type(1) { 
    -webkit-transform:  rotate(43deg);
    -moz-transform:     rotate(43deg);
    -o-transform:       rotate(43deg); 
    transform:          rotate(43deg);
    margin:             0.5em auto;
    position:           relative;
    top:                7px;
}

#resButton.open div:nth-of-type(2) { 
    background:         none; 
}

#resButton.open div:nth-of-type(3) { 
    -webkit-transform:  rotate(-43deg); 
    -moz-transform:     rotate(-43deg); 
    -o-transform:       rotate(-43deg); 
    transform:          rotate(-43deg);
    margin:             -0.3em auto;
    position:           relative;
    top:                -6px;
}