body{margin: 0; padding: 0; overflow-x: hidden;}
img{vertical-align: middle;}
.main-bg{background-image: url(../images/imgpsh_fullsize.png); background-repeat: repeat-x;}
.mitfahr{margin-top: 35px; left: 3%; position: absolute;}
.mid-logo img{width: 550px; left:450px;}
.co2{position: absolute; left: 950px; margin-top: -175px;}
.mar-top-30{margin-top: 30px;}
.mar-btm-10 li{margin-bottom: 30px;}
.tag{position: relative;}
.infos-tag{position: absolute; top: 330px; left: 280px; z-index: 10;}
.infos-hover-eff{position: relative;  display: inline-block; width: 130px; height: 195px;}
.infos-hover-eff .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
.infos-hover-eff:hover .img-top {
        display: inline;
    }

.infos-tag:hover{transform: scale(1.1); transition: all 400ms ease;}
.er-spare{position: absolute; top: 260px; left: -35px;}
.yello-bg{background: #ffe500; float: left; padding: 0px 0px 0px 0px; width: 90%; margin-top: 62%;}
.yello-bg ul{width: 168px; float: left; list-style: none; margin: 0; padding: 0;}
.yello-bg ul:nth-child(3){width: 160px;}
.yello-bg ul:nth-child(4){width: 130px;}
.yello-bg ul:nth-child(5){width: 100px;}
.yello-bg ul:nth-child(6){width: 104px;}
.yello-bg ul li{font-size: 17px; color: #e30613; font-weight: bold;}
.bottom-btn{float: left; position: relative; margin-left:896px; margin-top:-515px;}
.bottom-btn ul{list-style: none;position: absolute; left: -95px; top: 450px;}
.bottom-btn ul li{margin-top: 20px;}
.left-icon-align ul li{margin-left: -60px;}
.left-icon-align{position: absolute; left: 7%; z-index: 1000;}

/********** 2nd page ************/
.main-bg-2{width: 100%; float: left; background: url(../images/money-tramper-bg.png) no-repeat; background-size: cover; background-position: center; color: #fff;}
.inner-detail-page{position: relative;}
.inner-logo{width: 75%; float: right; text-align: right; margin-top: 25px;} .inner-logo img{width: 100%;}
.blue-text{position: absolute; left: 0; top: 130px;}
.row-tow{width: 100%; float: left; margin-top: 120px;}
.mar-btm-5 li{margin-bottom: 5px;}
.infos-uber-das-projekt{position: relative; width: 100%;}
.infos-uber-das-projekt img{position: absolute; left: 230px; top: -204px; transition: all 400ms ease;}
.infos-uber-das-projekt img:hover{transform: scale(1.1); transition: all 400ms ease;}
.cart-btns{position: relative; margin-top: 174px;}
.mitfahr-gesuche{position: absolute; top: 130px; left: 25px;}
.freisprech-halterung{position: absolute; top: 180px; left: 275px;}
.bottom-btn-2{float: left; position: relative;}
.bottom-btn-2 ul{list-style: none;position: absolute; left: -100px; top: -60px;}
.bottom-btn-2 ul li{margin-top: 20px;}
.flag{position: absolute; right: 130px; top: 115px;}



@media (min-width: 1400px) and (max-width: 1600px){
.infos-tag {
    top: 500%;
    left: 21%;
}
.bottom-btn ul {
    top: 568px; left: -142px;
}
.er-spare {
    left: -140px; top: 298px
}
.yello-bg ul{width: 180px;}
.yello-bg ul:nth-child(3){width: 200px;}
.yello-bg ul:nth-child(4){width: 170px;}
.yello-bg ul:nth-child(5){width: 150px;}

}