/* --- DEFAULT ------------------------------------------------------ */
* { 
  margin: 0;  
  padding: 0;
}

/* Weiches Scrollen zu Ankern (ersetzt bootstrap.smoothscroll.js),
   nicht bei reduzierter Bewegung. */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Textfarbe je Bereich: Inhalt, dunkle Flächen, Unternavigation.
   Die Regel unten setzt sie auf fast jedes Element, deshalb über eine
   Variable statt eines festen Werts. */
:root {
  --theme-text: var(--theme-on-content);
}
footer,
.main-navigation {
  --theme-text: var(--theme-on-dark);
}
.submenu {
  --theme-text: var(--theme-on-submenu);
}

BODY, P, OL, UL, H1, H2, H3, H4, H5, A, FORM, INPUT, TEXTAREA, SELECT, DIV, SPAN, B, I, TR, TH, TD  {
  font-family: 'PT Sans', Arial, Helvetica, sans-serif;
  color: var(--theme-text);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.02em;
}


HTML {
  height: 100.1%;
}

BODY {
  background-color: #fff;
}

A {
}

H1 {
  font-size: 32px;
  font-weight: 600 !important;
  line-height: 150%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

H2 {
  font-size: 28px;
  font-weight: 600 !important;
  line-height: 150%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

H3 {
  font-size: 24px;
  font-weight: 600 !important;
  line-height: 150%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

H4 {
  font-size: 20px;
  font-weight: 600 !important;
  line-height: 150%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

P {
  line-height: 175%;
  padding-bottom: 15px;
}

UL, OL {
  padding-left: 20px;
}


IMG {
  border: 0px;
}

HR {
  color: #FFFFFF;
  background-color: #FFFFFF;
  border-bottom: solid 1px #000000;
  height: 0px;
}

INPUT, TEXTAREA, SELECT {
  background-color: #FFFFFF; 
  border: 1px solid #000000; 
  color: var(--theme-muted);
}

body.htmlarea-content-body {
  background-color: var(--theme-dark);
}

/* --- RTE - FORMATE ------------------------------------------------ */

p.align-left,
h1.align-left,
h2.align-left,
h3.align-left,
h4.align-left,
h5.align-left,
h6.align-left,
td.align-left {
  text-align: left;
}

p.align-center,
h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center,
td.align-center {
  text-align: center;
}

p.align-right,
h1.align-right,
h2.align-right,
h3.align-right,
h4.align-right,
h5.align-right,
h6.align-right,
td.align-right {
  text-align: right;
}

p.align-justify,
h1.align-justify,
h2.align-justify,
h3.align-justify,
h4.align-justify,
h5.align-justify,
h6.align-justify,
td.align-justify {
  text-align: justify;
}  

.indent {
  margin-left:1.5em;
}