Headline (3.3em ~ 60px #ff6b00)

Sub-Headline (1em ~ 18px #646e78)

Standard Fließtext

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. (18px - #4d4d4d)

 

Breakpoints

Der Content Bereich hat eine maximale Breite von 940px. Anbei auch mal die Breakpoints, welche verwendet werden, aufgeführt. Der Content ist ab 939px fluid und schrumpft proportional zusammen. An den Breakpoints wird ja nach Modul das Element verändert oder entfernt. Um ein Gefühl dafür zu bekommen wie das Verhalten generell implementiert ist kann man sich mal ein Studio und/oder Leistungen ansehen. Hier ist relativ viel "besonderes" responsive Verhalten.

Desktop

  • @media and screen (max-width: 940px)

Tablet

  • @media screen and (min-width: 480px) and (max-width: 939px)

Smartphone

  • @media screen and (min-width: 0px) and (max-width: 479px)

Lorem ipsum dolor sit (2.22em ~ 40px)

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. (1em ~ 18px)


Button (1em ~ 18px)