.banner {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-top: 250px;
padding: 30px;
background-color: #ffffff;
}
.banner-container {
display: flex;
gap: 50px;
flex-wrap: wrap;
justify-content: center;
}
.banner-box {
background-color: #F2F2F2;
color: black;
text-align: center;
padding: 50px;
border-radius: 25px;
width: 715px;
border: 1px solid #ddd;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, background-color 0.3s;
}
.banner-box:hover {
background-color: #C7C7C7;
transform: scale(1.05);
border: 1px solid #ec1c24;
}
.welcome-text {
font-size: 5em;
font-weight: bold;
margin-top: 20px;
margin-bottom: 20px;
color: Black;
text-align: center;
}
.sentence {
font-size: 4em;
font-weight: bold;
margin-bottom: 10px;
color: #ec1c24;
text-align: center;
}
.appointment-button {
margin-top: 10px;
margin-bottom: 20px;
padding: 10px 20px;
background-color: #007BFF;
color: #ffffff;
font-size: 2em;
font-weight: bold;
text-decoration: none;
border-radius: 25px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease, background-color 0.3s ease;
display: inline-block;
}
.appointment-button:hover {
background-color: #0056CC;
transform: scale(1.1);
border: 1px solid #ec1c24;
}
/* Spezifische Anpassung für die "über 30.000 Fahrzeuge"-Box */
.banner-box.large {
width: 1485px; /* Breite festlegen */
margin-top: -250px; /* Reduzierter Abstand nach oben */
margin-bottom: 30px;
text-align: center; /* Zentrierte Ausrichtung */
padding: 50px; /* Gleichmäßiger Innenabstand */
border-radius: 25px;
background-color: #F2F2F2;
color: black;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, background-color 0.3s;
border: 1px solid #ddd;
}
.banner-box.large:hover {
background-color: #C7C7C7;
transform: scale(1.05);
border: 1px solid #ec1c24;
}
/* Promotion Section */
.promotion-section {
background: linear-gradient(to bottom, #ffffff, #F2F2F2);
text-align: center;
padding: 40px 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
