/* START: Textarea im Backend; */
body.htmlarea-content-body { font-size: 100%; margin: 0; padding: 10px; }
body.htmlarea-content-body * { margin: 0; padding: 0; }
.htmlarea-content-body h1, .htmlarea-content-body h2, .htmlarea-content-body h3, .htmlarea-content-body h4, .htmlarea-content-body h5 { color: #7c5239; }
body.htmlarea-content-body h1, body.htmlarea-content-body h2, body.htmlarea-content-body h3, body.htmlarea-content-body h4,
	body.htmlarea-content-body h5 { padding-bottom: 20px; padding-top: 10px; }
/* END: Textarea im Backend; */

h1, h2, h3, h4, h5 { display: block; font-weight: 500; }
h1 { color: #8f3355; font-size: 100%; text-transform: uppercase; }
h2 { color: #8f3355;font-size: 100%; }
h3 { font-size: 100%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }

p { font-size: 77%; padding-bottom: 10px; }
ul, body.htmlarea-content-body ol {  width: 100%; padding-left: 20px; }
li {font-size: 77%;}
li li {font-size: 100%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
.bold { font-weight: 800; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.indent { padding-left: 20%; }
.center { display: table; }
div.center { display: table; }
span.letter-spacing-1, a.letter-spacing-1 { letter-spacing: 1px; }
span.letter-spacing-2, a.letter-spacing-2 { letter-spacing: 2px; }
span.font-size-xlarge, a.font-size-xlarge { font-size: 170%; }
span.font-size-large, a.font-size-large { font-size: 145%; }
span.font-size-middle, a.font-size-middle { font-size: 120%; }
span.font-size-small, a.font-size-small { font-size: 80%; }
span.btn-tel, a.btn-tel, span.btn-preis, a.btn-preis {
	background-color: grey; color: #FFF; display: block; float: left; padding-left: 30px;
  	padding-right: 15px; padding-top: 5px; padding-bottom: 5px; position: relative; }
span.btn-preis:before, a.btn-preis:before, span.btn-tel:before, a.btn-tel:before { 
	background-image: url("../Images/icon_collection.svg"); background-repeat: no-repeat;
    background-size: auto 300px; content: " "; display: block; float: left; height: 26px; left: 2px; position: absolute; top: 2px; width: 25px; }
span.btn-preis:before, a.btn-preis:before { background-position: -8px -264px; }
span.btn-tel:before, a.btn-tel:before { background-position: -8px -156px; }
// custom
.brand-color, .color-darkblue {color: #508aab;}
.brand-color2, .color-lightblue {color: #bfd6e4;}
.h2-rot {color: #8f3355;}
.color-orange {color: #ef7d0a;}