SIGNATURLEUCHTEN – 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 .gh{
Anzeige: Inline-Block;
Position: relativ;
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;
border-radius:3px;
}

.gdesc .g-sub .gh{
font-size:clamp(22px,2.6vw,34px);
margin-bottom:8px;
}

.gdesc .g-row{
Anzeige:flex;
flex-wrap:wrap;
align-items:center;
Abstand: 24px;
margin:72px 0;
}

.gdesc .g-col{
flex:1 1 520px;
min-width:280px;
}

.gdesc .g-fig{
Rand: 0;
text-align:center;
}

.gdesc .g-img{
Anzeige: Block;
Breite: 100 %;
Höhe: automatisch;
border-radius:16px;
}

.gdesc .g-row-2{
Lücke: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: 18px;
margin-top:10px;
}

.gdesc .g-kb-top{
Rasterspalte:2;
Anzeige:flex;
justify-content:center;
}

.gdesc .g-kb-left{
Rasterspalte:1;
Anzeige:flex;
justify-content:center;
}

.gdesc .g-kb-center{
Rasterspalte:2;
Anzeige:flex;
justify-content:center;
}

.gdesc .g-kb-right{
Rasterspalte:3;
Anzeige:flex;
justify-content:center;
}

.gdesc .g-kb-bottom{
Rasterspalte:2;
Anzeige:flex;
justify-content:center;
}

.gdesc .g-kb-item{
Breite: 200px;
text-align:center;
}

.gdesc .g-kb-item img{
Breite: 110px;
Höhe: automatisch;
}

.gdesc .g-kb-item p{
margin:10px 0 0;
Schriftstärke: 600;
Zeilenhöhe: 1,25;
}

.gdesc .g-product{
Anzeige:flex;
justify-content:center;
align-items:center;
}

.gdesc .g-product .g-scooter{
Breite: 100 %;
max-width:420px;
Höhe: automatisch;
}

.gdesc .g-stack{
Anzeige:flex;
flex-direction:column;
Abstand: 28px;
}

.gdesc .g-video{
Breite: 100 %;
margin:40px 0;
}

.gdesc .g-video-box{
Position: relativ;
Breite: 100 %;
Polsterung oben: 56,25 %;
border-radius:16px;
Überlauf: versteckt;
Hintergrund:#000;
}

.gdesc .g-video iframe{
Position: absolut;
Einschub:0;
Breite: 100 %;
Höhe: 100 %;
Rahmen:0;
}

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

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

@media (max-width:980px){

.gdesc .g-row{
margin:60px 0;
}

.gdesc .g-row-2{
Abstand: 24px;
}

.gdesc .g-row-2 .g-col{
flex:1 1 520px;
}

.gdesc .g-row-2 .g-gap{
Anzeige: keine;
}

.gdesc .g-kb{
grid-template-columns:1fr;
}

.gdesc .g-kb-top,
.gdesc .g-kb-left,
.gdesc .g-kb-center,
.gdesc .g-kb-right,
.gdesc .g-kb-bottom{
Rasterspalte:1;
}

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

}