teste h1
Teste p: 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.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.
em
uuuu
bbbb
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.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.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.
u.lexibexi <-- css
- Test
- Test
- Test
/* Haupttextblock */
.lexikontext {
border-left: 4px solid rgba(255,255,255,0.6);
padding-left: 24px;
margin: 20px 40px 20px 0;
line-height: 1.6;
}
/* optionale Liste (visuell ruhiger) */
u.lexibexi {
text-decoration: none;
display: block;
margin: 12px 0 12px 24px;
padding-left: 12px;
border-left: 2px solid rgba(255,255,255,0.3);
}
u.lexibexi li {
list-style: none;
margin: 6px 0;
padding-left: 10px;
position: relative;
}
u.lexibexi li::before {
content: "–";
position: absolute;
left: 0;
opacity: 0.6;
}
/* Entry-Container */
.entry p {
text-align: justify;
margin: 16px 32px;
padding: 14px 18px;
border: 1px solid rgba(255,255,255,0.4);
border-radius: 4px;
background: rgba(255,255,255,0.04);
line-height: 1.7;
}
/* Überschriften-Hierarchie */
.entry h1 {
font-size: 20px;
font-weight: 700;
margin: 0px;
letter-spacing: 1px;
}
.entry h2 {
font-size: 15px;
font-weight: 600;
margin: 0px;
letter-spacing: 0.5px;
}
.entry h3 {
font-size: 13px;
font-weight: 600;
margin: 0px;
text-transform: uppercase;
opacity: 0.85;
}
/* Hervorhebungen */
.entry b {
letter-spacing: 1.5px;
font-weight: 600;
}
Das Lexikon bringt von Haus aus einige verankerungen mit im Template für das CSS. Das wäre dann anzupassen. Innerhalb einer classe kann man auch noch einmal einiges ansprechen wie einzelne Bereiche. ( .classenname strong)
