html{
    scroll-behavior: smooth;
    --scroll-behavior: smooth;
}
.ft-header-contact-item{
    margin-left: 15px;
    margin-bottom: 0;
}
.ft-header-contact-information{
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.ft-header-nav-item{
    letter-spacing: 0;
    color: #FFFFFF;
    margin-left: 49px;
    font: normal normal 300 30px/38px Mendl Sans;
    margin-bottom: 12px;
}
.ft-header-nav-item.first{
    margin-left: 0;
}
.ft-header-contact-item a{

    text-decoration: none;
    font: normal normal 100 15px/19px Mendl Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.ft-header-contact-item{
    font: normal normal 100 15px/19px Mendl Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.ft-top-nav-inner{
    display: flex;
    max-width: 1120px;
    justify-content: center;
    margin: 8px auto 0;
}
.ft-top-nav{
    position: fixed;
    width: 100%;
    z-index: 5;
    background: transparent linear-gradient(180deg, #000000 0%, #54545400 100%) 0% 0% no-repeat padding-box;
}
.ft-header-nav-left-links{
    display: flex;
    justify-content: center;
    width: 460px;
}
.ft-header-nav-shadow-left{
    width: 460px;
    height: 27px;
    mix-blend-mode: hard-light;
}

.ft-header-slider-container{
    width: 100%;
    height: 1080px;
}
#ft-header-slider{
    height: 100%;
}
#ft-header-slider .carousel-inner{
    height: 100%;
}
#ft-header-slider .carousel-inner .carousel-item{
    height: 100%;
}
.carousel-inner .container{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ft-service-information-section{
    height: 1080px;
    background: #EFEFEF;
}
.ft-service-information-section .container{
    width: 1120px;
    padding: 150px 0 0;
}

.ft-our-philosophy-container{
    width: 540px;
    margin: 0 auto;
    z-index: 20;
}
.ft-our-philosophy-container h1{
    font: normal normal bold 30px/38px Mendl Sans;
    letter-spacing: 0px;
    color: #404040;
    text-align: center;
}
.ft-our-philosophy-container p{
    text-align: center;
    font: normal normal 100 15px/19px Mendl Sans;
    letter-spacing: 0px;
    color: #000000;
}
.ft-usps-container{
    display: flex;
    width: 1120px;
    margin: 72px auto 0;
}
.ft-usps-inner{
    width: 50%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ft-usps-inner.border-left{
    border-left: 2px solid black;
}
.ft-usps-item h1{
    margin: 0;
    font: normal normal bold 30px/38px Mendl Sans;
    letter-spacing: 0px;
    color: #404040;
}

.ft-usps-item p{
    font: normal normal 100 15px/19px Mendl Sans;
    letter-spacing: 0px;
    color: #000000;
}
.ft-philosophy-section{
    padding-top: 240px;
    height: 1080px;
    background: #fdfdfd;
    position: relative;
}
.ft-footer-contact-container{
    text-align: right;
}
.ft-footer-contact-container{
    width: 1120px;
}
.ft-contact-section{
    padding-top: 190px;
    position: relative;
    height: 1080px;
}
.ft-footer-contact-container h1{
    font: normal normal normal 40px/50px Mendl Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.ft-footer-contact-container p{
    font: normal normal normal 20px/26px Mendl Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.ft-footer-contact-container a{
    font: normal normal normal 20px/26px Mendl Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-decoration: none;
}
.ft-footer-contact-container{
    margin: 0 auto;
}
.ft-footer-links-container{
    position: absolute;
    bottom: 10px;
    width: 1120px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.ft-footer-links-left{
    width: 368px;
    display: flex;
    justify-content: space-between;
}
.ft-footer-links-right{
    width: 513px;
    display: flex;
    justify-content: space-between;
}
.footer-divider{
    margin: 0;
}

.service-headline{
    font: normal normal bold 35px/44px Mendl Sans;
    letter-spacing: 0px;
    color: #404040;
}
.ft-service-information-lower-left{
    height: 205px;
    width: 540px;
    margin-right: 20px;
    margin-top: 21px;
}
.ft-service-information-lower-left h3{
    font: normal normal bold 25px/31px Mendl Sans;
    letter-spacing: 0px;
    color: #404040;
}
.ft-service-information-lower-left p{
    text-align: left; font: normal normal 100 15px/19px Mendl Sans; letter-spacing: 0px; color: #000000;
}
.ft-service-information-lower-right{
    height: 205px;
    width: 540px;
    margin-left: 20px;
    margin-top: 21px;
}
.ft-service-information-lower-right h3{
    text-align: left;
    font: normal normal bold 25px/31px Mendl Sans;
    letter-spacing: 0px;
    color: #404040;
    padding-left: 25px;
}

.card-title{
    text-align: left;
    font: normal normal bold 25px/31px Mendl Sans;
    letter-spacing: 0px;
    color: #404040;
}

.card-text{
    text-align: left;
    font: normal normal 100 15px/19px Mendl Sans;
    letter-spacing: 0px;
    color: #000000;
}
.card .card-body{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.ft-vehicles-cards-container{
    display: flex;
    justify-content: space-between;
}

.ft-card-container .card{
    width: 250px;
    border: 0;
}
.ft-vehicles-section .container h1{
    text-align: left;
    font: normal normal bold 35px/44px Mendl Sans;
    letter-spacing: 0px;
    color: #404040;
    margin-bottom: 20px;
}
.ft-vehicles-section .container{
    max-width: 1120px;
    margin-top: 47px;
}

.ft-card-container{
    max-width: 250px;
    max-height: 270px;
}
.ft-vehicle-services-container{
    width: 1120px;
    height: 252px;
    display: flex;
    margin-top: 55px;
}
.ft-vehicle-services-headline{
    width: 250px;
    font: normal normal bold 35px/44px Mendl Sans;
    letter-spacing: 0px;
    color: #404040;
}
.ft-vehicle-services-container .ft-card-container{
    margin-left: 20px;
    margin-right: 20px;
}
.ft-vehicles-logo-img{
    position: absolute;
    top: 0;
    left: 0;
}
.ft-vehicles-section{
    position: relative;
    height: 720px;
}
.ft-header-nav-item a{
    text-decoration: none;
    color: white;
}
.ft-news-container{
    width: 100%;
    height: 100%;
    display: flex;
    background: rgba(10,10,10,0.6);
}
.ft-news-block{
    width: 50%;
    height: 100%;
}
.ft-news-block.left p{
    width: 236px;
    text-align: left;
    font: normal normal bold 30px/38px Mendl Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.ft-news-block.left {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ft-news-block.right p {
    width: 440px;
    text-align: center;
    font: normal normal normal 20px/26px Mendl Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.ft-news-block.right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.ft-news-block.right .ft-news-read-more {
    text-align: center;
    font: normal normal normal 15px/19px Mendl Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 42px;
    width: 109px;
    justify-content: center;
}
.ft-news-block.right .ft-news-read-more img{
    width: 14px;
    margin-top: 5px;
}
.ft-service-item:hover{
    cursor: pointer;
}
.ft-service-item{
    font: normal normal normal 35px/44px Mendl Sans;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ft-header-slider .carousel-indicators button{
    height: 22px;
    width: 22px;
    border-radius: 50%;
    border: 2px solid white;
    background-color: transparent;
}
#ft-header-slider .carousel-indicators button.active{
    background-color: white;
}
#ft-header-slider .carousel-indicators{
    margin-bottom: 100px;
}
.ft-slider-item-information-headline{
    text-align: left;
    font: normal normal normal 80px/90px Mendl Sans, Dusk XBold;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: bold;
}
.ft-slider-item-information{
    position: absolute;
    width: 453px;
    right: 392px;
    top: 200px;
}
.ft-slider-item-information-goto-shop-button{
    text-decoration: none;
    height: 28px;
    width: 89px;
    border-radius: 14px;
    background-color: red;
    color: white;
    font: normal normal normal 12px/15px Mendl Sans;
    position: absolute;
    right: 5px;
    outline: none;
    border: 0;
}

.ft-slider-item-information-short-description{
    text-align: left;
    font: normal normal 300 20px/26px Mendl Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.ft-footer-links-right .ft-footer-link,
.ft-footer-links-right p,
.ft-footer-links-left .ft-footer-link,
.ft-footer-links-left p{
    color: white;
    text-decoration: none;
}
.ft-footer-link:hover{
    cursor: pointer;
}
.modal-header{
    border-bottom: 0;
}
.ft-service-information-container .modal.fadeIn.show .modal-dialog {
    opacity: 0;
    animation: modalFadeInLeft 0.3s forwards;
}
@keyframes modalFadeInLeft {
    1% {
        left: -1000px;
        opacity: 0;
    }
    100%{
        left: 0;
        opacity: 1;
    }
}

.ft-service-item.reparatur{
    height: 251px;
    width: 540px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
}

.ft-service-item.kundenzufriedenheit{
    height: 251px;
    width: 540px;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
}
.ft-service-item.ersatzteile{
    height: 316px;
    width: 1120px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
}
.ft-news-read-more:hover{
    background-color: rgba(255,255,255,0.5);
    cursor: pointer;
    width: 109px;
    -webkit-clip-path: polygon(15% 0, 85% 0, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0 85%, 0 15%);
    clip-path: polygon(15% 0, 85% 0, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0 85%, 0 15%);
}
.modal-content{
    height: 700px;
    width: 700px;
    max-width: 700px;
}
.modal-dialog.modal-dialog-centered{
    width: 700px;
}
.ft-vehicle-services-sub-container{
    display: flex;
}
.ft-responsive-top-nav{
    display: none;
    position: fixed;
    height: 68px;
    width: 100%;
    top: 0;
    z-index: 5;
}
.ft-header-slider-section .ft-responsive-menu{
    background: #573D3D;
    padding: 50px 0 0 70px;
}
.ft-responsive-menu-close{
    position: absolute;
    right: 20px;
    top: 20px;
}
.ft-footer-logo{
    display: none;
}
.ft-slider-item-responsive-description {
    display: none;
}