/* for some rule see origin.less, too (like h1-h6, zweispaltig, ...) */

p
{ margin: 0 0 0.8em; }


h1
{ font-size: 2.7em; }

h2
{ font-size: 2.3em; }

h3
{ font-size: 2em; }

h4
{ font-size: 1.5em; }

h5
{ font-size: 1.3em; }

h6
{ font-size: 1.1em; }


.zweispaltig
{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

.dreispaltig
{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }

.vierspaltig
{ -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }


.align-left
{ text-align: left; }

.align-center
{ text-align: center; }

.align-right
{ text-align: right; }

.align-justify
{ text-align: justify; }



.klein
{ font-size: 0.85em; }

.gross
{ font-size: 1.7em; }

.riesig
{ font-size: 2.4em; }


.boxtext
{ padding-right: 35px; padding-left: 35px; margin-bottom: 1em; }


ul
{ padding: 0; margin: 1.6em 0 1.8em 2em; }

ul ul
{ margin: 0.6em 0 1.4em 1.5em; }

ol
{ padding: 0; margin: 1.6em 0 1.8em 3em; }

ol ol
{ margin: 0.6em 0 1.4em 3em; }

li
{ margin: 0 0 0.6em; }



strong, b
{ font-weight: 700; }

em, i
{ font-style: italic; }


/* these colours are effecting be only; for fe see rules.less */
.white
{ color: #ffffff; }

.lightgrey
{ color: #bbbbbb; }

.darkgrey
{ color: #444444; }

.black
{ color: #000000; }

.color5
{ color: #0c7bef; }

.color6
{ color: #ed100c; }

.color7
{ color: #79ed0c; }

.color8
{ color: #eaed0c; }


/* no style, only JS */
.phonenumber
{ }

.more
{ }

.fulltext
{ }

.nophone
{ }

.notablet
{ }

.nostandard
{ }

.noprint
{ }

.setmore
{ }


/* mostly BE; for fe see custrules.less */
a.buttonlook:after, .buttonlook a:after
{ content: ""; display: table; clear: both; }

a.buttonlook, .buttonlook a
{ display: inline-block; text-align: center; width: auto; padding: 0.5em 1.5em; margin: 1em 0; }

/* in Model layouts under TYPO3 8+ only */

.quotation
{ }

.quotation:before, .quotation:after
{ content: '“'; font-size: 1.6em; line-height: 80%; vertical-align: sub; margin: 0 0.3em 0 0; }

.quotation:after
{ content: '”'; margin: 0 0 0 0.3em; }