body { background: #fff; font-size:14px;}
.breadcrumb { 
    border-bottom: 1px dotted #bbb;
    }
.breadcrumb a {
    background: url(../../img/icons/breadcrumb.png) no-repeat scroll right center;
    }
.sourceRightBottom {
    bottom: 4px;
    right: 4px;
}
.womobutton {
border-radius: 4px;
padding: 12px 36px;
}
.womobutton:hover {
    background: #022b68;
    transition: background-color 500ms linear 0s;
    }
 .infobutton {
    border-radius: 4px;
    padding: 10px 56px;
    }   
.teaserimg .border-shadow-home {
   background: url(../../img/bg/4schritteteaser.jpg) no-repeat center;
   height:148px;
   width:486px;
   transform:rotate(-1deg);
   }
.tesakleberTop {
    background: url(../../img/bg/tesa.png) no-repeat scroll center center;
    height: 33px;
    left: 210px;
    position: absolute;
    top: -15px;
    width: 66px;
}
.tesakleberBottom {
    background: url(../../img/bg/tesa.png) no-repeat scroll center center;
    height: 33px;
    left: 210px;
    position: absolute;
    top: 136px;
    width: 66px;
    transform:rotate(195deg);
}
.font-grey{color:#5d5d5d;}
.margin-top-82{margin-top:82px;}
.border-shadow-home {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
#frueh-planen {background: #eeeeee url(../../img/bg/frueh-planen.jpg) no-repeat scroll 30px 85px;}
#preise-vergleichen {background: #eeeeee url(../../img/bg/preise-vergleichen.jpg) no-repeat scroll 30px 85px;}
#auswahl-buchen {background: #eeeeee url(../../img/bg/auswahl-buchen.jpg) no-repeat scroll 30px 85px;}
#womo-abholen {background: #eeeeee url(../../img/bg/womo-abholen.jpg) no-repeat scroll 30px 85px;}
#womo-rueckgabe {background: #eeeeee url(../../img/bg/womo-rueckgabe.jpg) no-repeat scroll 30px 85px; height: 315px;}
h2.shadow-white {
    text-shadow: 1px 1px #fff;
    }
.stepcircle, .alphacircle {
    background: #2a5ab2;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 22px;
    margin: 4px 16px 0px 0px;
    padding: 4px 4px 3px;
    text-align: center;
    width: 23px;
    }
.alphacircle {
    background:#555;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    padding: 3px 3px 4px;
    margin: 4px 9px 0px 0px;
    width: 19px;
} 
.closebut {right:-15px; top:-3px;}  
#arrowUp {
    background: url(../../img/bg/arrowuP.png) no-repeat;
    height: 16px;
    position: absolute;
    right: 420px;
    top: -25px;
    width: 37px;
    }
#explain {
    background: url(../../img/bg/explain.jpg) no-repeat;
    height:760px;
    width:450px;
}
#blackoverlay{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 150;
}
#blackoverlay:hover{
   cursor: url(../../img/icons/close-cursor.png), pointer;
}
.overlay {
    box-shadow: 5px 5px 20px 0 #272727;
    left: 15px;
    position: absolute;
    top: 268px;
    z-index: 155;
}