Hallo
hab mein CSS nochmals bisschen überarbeitet:
http://codepen.io/anon/pen/QjPbrd
Wie du sehen kannst nehmen die h2 Überschriften einfach viel zu viel Platz ein.
Dir ist doch hoffentlich klar, dass du auch die Schriftgrößen von Überschriften per CSS verändern kannst? Die Überschrift hat McMurphy gewählt, weil Programme somit wissen, dass ein neuer Abschnitt des Dokuments eingeleitet wird. Das hat erstmal nichts mit der Darstellung zu tun. Du kannst also die Überschrift, ohne Gewissensbisse haben zu müssen, mit der Schriftgröße deines Fließtextes ausgeben.
Daher würde ich auf diese wie in meinem Bild gezeigt gerne verzichten und dafür Icons nehmen.
Icons/Piktogramme sind als Sinnbilder sehr gut, sie sprechen aber nicht [1]. Der Text „Öffnungszeiten“ kann der Benutzer lesen bzw. sich vorlesen lassen. Ein Icon mit einer offenen Tür [2] ergänzt den Text, aber alleinstehend sagt es nicht „Öffnungszeiten“.
Tschö, Auge
Es schimmerte ein Licht am Ende des Tunnels und es stammte von einem Flammenwerfer.
Terry Pratchett, „Gevatter Tod“