.infos-header {
    width: 100%;
    height: 60vh;
    background-image: url('../assets/header/tandemcockpit-info-header.jpg');
    background-size: cover;
    background-position: 0% 80%;
    background-repeat: no-repeat;
}

.infos-header .overlay {
    width: 100%;
    height: 40vh;
    position: absolute;
    top: 20vh;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
}

#header-info {
    width: calc(100% - 400px);
    height: 200px;
    position: relative;
    margin: auto;
    top: calc(100% - 150px);
    z-index: 1;
}

#header-info .title {
    font-size: 62px;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

#header-info .description {
    font-size: 18px;
}


/* 1. Verkleinerung */ 
@media all and (max-width: 1350px) {
	#header-info {
        width: calc(100% - 40px);
        height: 200px;
        position: relative;
        margin: auto;
        top: calc(100% - 350px);
    }
}

/* 2. Verkleinerung (Handy Version) */ 
@media all and (max-width: 980px) {
    #header-info .title {
        font-size: 48px;
    }

    #header-info .description {
        font-size: 24px;
    }
}