Ü namens headline01 - kann entfallen
CSS zur Seite
<style>
/* topische Breiten - !!! Vorbemerkung : Layout ohne linke und rechte Spalten !!!
.content wird auf 100% Breite gesetzt !!
-------------------------------------------------------------------------------------- */
.content { width:100%; max-width:100%; }
* { box-sizing:border-box; }
/* ----------------------------------------------------------------------------------- */
/* falls kein < p > mit Überschrift -> kein CSS erforderlich */
p[type="headline01"] { font-size:120%; width:75%; max-width:100%; margin:0 auto;}
.sixpack { overflow:hidden; height:auto; background:gold; padding:10px 0; width:75%; margin:0 auto;
display:flex; flex-flow:row wrap; justify-content:space-between; }
/* bei display:flex führen die < a > - Anker - vor jedem Absatz zu mindestens einer
Falschdarstellung :: deshalb weg */
.sixpack > a { display:none; }
.sixxy { width:16%; background:aqua; padding:0.5%; }
/* float:left; min-width:0; margin-right:0.8%; */
/* .sixxy:nth-child(6) { margin-right:0; }*/
.sixxy .textParagraph ul { padding-left:1.2em; }
.sixxy .textParagraph ol { padding-left:1.6em; }
@media only screen and (max-width:480px) {
p[type="headline01"] { width:99%; }
.sixpack { width:99%; }
.sixxy { width:100%; margin:0px 0px 10px 0; } /* */
}
</style>
/* topische Breiten - !!! Vorbemerkung : Layout ohne linke und rechte Spalten !!!
.content wird auf 100% Breite gesetzt !!
-------------------------------------------------------------------------------------- */
.content { width:100%; max-width:100%; }
* { box-sizing:border-box; }
/* ----------------------------------------------------------------------------------- */
/* falls kein < p > mit Überschrift -> kein CSS erforderlich */
p[type="headline01"] { font-size:120%; width:75%; max-width:100%; margin:0 auto;}
.sixpack { overflow:hidden; height:auto; background:gold; padding:10px 0; width:75%; margin:0 auto;
display:flex; flex-flow:row wrap; justify-content:space-between; }
/* bei display:flex führen die < a > - Anker - vor jedem Absatz zu mindestens einer
Falschdarstellung :: deshalb weg */
.sixpack > a { display:none; }
.sixxy { width:16%; background:aqua; padding:0.5%; }
/* float:left; min-width:0; margin-right:0.8%; */
/* .sixxy:nth-child(6) { margin-right:0; }*/
.sixxy .textParagraph ul { padding-left:1.2em; }
.sixxy .textParagraph ol { padding-left:1.6em; }
@media only screen and (max-width:480px) {
p[type="headline01"] { width:99%; }
.sixpack { width:99%; }
.sixxy { width:100%; margin:0px 0px 10px 0; } /* */
}
</style>