HAUPTSCHEINWERFER – Beschreibung

.gdesc{margin:0; font-size:15px;}
.gdesc p{margin:12px 0; line-height:1.45; font-size:1em;}
.gdesc ul{margin:12px 0 0; padding-left:18px;}
.gdesc li{margin:6px 0; font-size:1em; line-height:1.45;}
.gdesc .muted{font-size:12px; opacity:.8;}
.gdesc a{color:inherit; text-decoration:underline;}

.gdesc .gh{
display:inline-block; position:relative; padding-bottom:8px; margin:0 0 14px;
Schriftgröße: clamp(28px, 3.2vw, 44px); Zeilenhöhe: 1.15;
}
.gdesc .gh::after{
Inhalt: ""; Position: absolut; links: 0; unten: 0; Breite: 72px; Höhe: 4px; Hintergrund: #00A7CE; abgerundete Ecken: 3px;
}
.gdesc .g-sub .gh{font-size:clamp(22px,2.6vw,34px); margin-bottom:8px;}

/* mehr vertikaler Abstand zwischen den Abschnitten */
.gdesc .g-row{display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin:66px 0;}
.gdesc .g-col{flex:1 1 520px; min-width:280px;}
.gdesc .g-fig{margin:0; text-align:center;}

/* abgerundete Fotoecken */
.gdesc .g-img{display:block; width:100%; height:auto; border-radius:18px;}

.gdesc .g-row-2{gap:0;}
.gdesc .g-row-2 .g-col{flex:0 0 47%; min-width:280px;}
.gdesc .g-row-2 .g-gap{flex:0 0 6%; min-width:16px;}

.gdesc .g-kb{
Anzeige: Raster;
grid-template-columns: 1fr minmax(320px, 520px) 1fr;
align-items:center;
Spaltenabstand: 24px;
Zeilenabstand: 16px;
margin-top:10px;
}
.gdesc .g-kb-center{grid-column:2; display:flex; justify-content:center;}
.gdesc .g-kb-left{grid-column:1; display:flex; justify-content:center;}
.gdesc .g-kb-right{grid-column:3; display:flex; justify-content:center;}
.gdesc .g-kb-top{grid-column:2; display:flex; justify-content:center;}

.gdesc .g-kb-item{width:200px; text-align:center;}
.gdesc .g-kb-item img{width:110px; height:auto;}
.gdesc .g-kb-item p{margin:10px 0 0; font-weight:600; line-height:1.25;}

.gdesc .g-product{position:relative; display:flex; justify-content:center; align-items:center;}
.gdesc .g-product .g-scooter{width:100%; max-width:420px; height:auto; border-radius:0;}

.gdesc .g-stack{display:flex; flex-direction:column; gap:22px;}
.gdesc .g-sub{margin:0;}

.gdesc .g-media-shift-up{transform:translateY(-26px);}
.gdesc .g-media-shift-down{transform:translateY(26px);}

.gdesc .g-video{width:100%; margin:40px 0;}
.gdesc .g-video .g-video-box{
position:relative; width:100%; padding-top:56.25%;
border-radius:14px; overflow:hidden; background:#000;
}
.gdesc .g-video iframe{
Position: absolut; Einzug: 0; Breite: 100%; Höhe: 100%;
Rahmen:0;
}

@media (max-width: 980px){
.gdesc{font-size:15px;}
.gdesc .g-row{margin:54px 0;}
.gdesc .g-row-2{gap:24px;}
.gdesc .g-row-2 .g-col{flex:1 1 520px;}
.gdesc .g-row-2 .g-gap{display:none;}

.gdesc .g-kb{grid-template-columns:1fr; row-gap:18px;}
.gdesc .g-kb-top,
.gdesc .g-kb-left,
.gdesc .g-kb-center,
.gdesc .g-kb-right{grid-column:1;}
.gdesc .g-kb-item{width:220px;}

.gdesc .g-media-shift-up,
.gdesc .g-media-shift-down{transform:none;}
}