/*StartView*/

#StartView_TopText {
    font-size: 36px;
    line-height: 50px;
    margin-left: 4px;
}

#StartViewCityName {
    font-size: 85px;
    line-height: 60px;
    font-weight: 500;
}

#StartView_BottomText {
    font-size: 32px;
    line-height: 40px;
}

#StartView_TitlePart {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 100;
    text-align: left;
    background-color: transparent;
}

#StartView_TextPart {
    height: 50px;
    position: absolute;
    bottom: 0;
    text-align: right;
    left: 10px;
    z-index: 80;
}


/*GarantieLogo*/
.GarantieLogoBackground {
    height: 100px;
    width: 100px;
    border-radius: 50px;
    bottom: 60px;
    position: absolute;
    left: 10px;
    z-index: 120;
    background-color: white;
}

.GarantieLogoImage {
    width: 100px;
    height: 100px;
}

/*background image*/
.CityImageBackground {
    position: relative;
    height: 100%;
    background-image: url("../cityBasedContent/img/city/l_5_1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.CityImageBackgroundA {
    position: relative;
    height: 100%;
    background-image: url("../cityBasedContent/img/city/l_5_1a.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

/*GarantieView*/

.GarantieView_TextPart {
    position: absolute;
    z-index: 150;
    right: 100px;
    left: 50px;
    top: 100px;
    bottom: 30px;
}

.GarantieView_H1 {
    font-size: 34px;
    line-height: 30px;
    margin-bottom: 40px;
}

.GarantieView_HighLightedText {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: bold;
}

.GarantieView_Text {
    font-size: 24px;
    margin-bottom: 10px;
}

/*CityBookView*/

.CityBookView_TextPart {
    position: absolute;
    z-index: 150;
    right: 100px;
    left: 50px;
    top: 100px;
    bottom: 30px;
}

.CityBookView_Link {
    font-size: 32px;
    line-height: 50px;
    font-weight: bold;
    color: white;
    margin-right: 60px;
}

.CityBookView_Text {
    font-size: 24px;
    margin-bottom: 30px;
}
