. t-produkt {hintergrund-farbe: # fff; breite: 100%; max-breite: 1200px; margin: 0 auto; anzeige: flex; polsterung: 40px 0; font-familie: " PingFangSC-Mittel "}. t-product.reverse {flex-richtung: reihe-reverse}. t-produkt. bild {position: relative; flex: 4; text-align: rechts}. t-product.reverse. bild {text-align: links}. t-produkt. bild img {breite: 400px; höhe: auto}. t-produkt. informationen {flex: 5; box dimensionierung: border-box; anzeige: flex; flex-richtung: spalte; justify-inhalt: center}. t-produkt. informationen. titel {font-size: 28px; line-height: 40px; margin: 0 10% 0 20%; farbe: #333}. t-produkt. informationen. inhalt {font-size: 18px; line-height: 28px; farbe: #999; margin: 20px 10% 0 20%} @ media (max-breite: 750px) {. t-produkt {padding: 0; flex-richtung: spalte! wichtig}. t-produkt. bild {text-align: center! wichtig}. t-produkt. bild img {breite: 95.73%}. t-produkt. informationen. titel {text-align: center; margin: 4vw 10% 0; font-size: 3.7vw; line-height: 5.3vw}. t-produkt. informationen. inhalt {text-align:; font-size: 3.2vw; line-height: 4.3vw; margin: 2.7vw 10% 4vw}}. t-produkt {hintergrund-farbe: # fff; breite: 100%; max-breite: 1200px; margin: 0 auto; anzeige: flex; polsterung: 40px 0; font-familie: " PingFangSC-Mittel "}. t-product.reverse {flex-richtung: reihe-reverse}. t-produkt. bild {position: relative; flex: 4; text-align: rechts}. t-product.reverse. bild {text-align: links}. t-produkt. bild img {breite: 400px; höhe: auto}. t-produkt. informationen {flex: 5; box dimensionierung: border-box; anzeige: flex; flex-richtung: spalte; justify-inhalt: center}. t-produkt. informationen. titel {font-size: 28px; line-height: 40px; margin: 0 10% 0 20%; farbe: #333}. t-produkt. informationen. inhalt {font-size: 18px; line-height: 28px; farbe: #999; margin: 20px 10% 0 20%} @ media (max-breite: 750px) {. t-produkt {padding: 0; flex-richtung: spalte! wichtig}. t-produkt. bild {text-align: center! wichtig}. t-produkt. bild img {breite: 95.73%}. t-produkt. informationen. titel {text-align: center; margin: 4vw 10% 0; font-size: 3.7vw; line-height: 5.3vw}. t-produkt. informationen. inhalt {text-align: center; font-size: 3.2vw; line-height: 4.3vw; marge: 2.7vw 10% 4vw}}