h1 { font-family:'Ubuntu', sans-serif; font-weight:300; font-size:42px; line-height:36px; margin-top:0; margin-bottom:3px; }
h2 { font-family:'Ubuntu', sans-serif; font-weight:700; font-size:28px; line-height:28px; margin-top:0; margin-bottom:10px; }
h3 { font-family:'Ubuntu', sans-serif; font-weight:300; font-size:16px; line-height:22px; margin-top:0; margin-bottom:0; }
h4 { font-family:'Ubuntu', sans-serif; font-weight:300; font-size:25px; line-height:28px; margin-top:0; margin-bottom:0; }
h5 { font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:20px; line-height:28px; margin-top:10px; margin-bottom:5px; color:#018bd3;  }
h6 { font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:20px; line-height:28px; margin-top:0; margin-bottom:5px; color:#018bd3;  }

a:link     { color:#018bd3; text-decoration:none; }
a:visited  { color:#018bd3; text-decoration:none; }
a:hover    { color:black; text-decoration:underline; }
a:active   { color:black; text-decoration:underline; background-color:inherit; }

strong { font-weight:700; }
.blau     { color:#018bd3; }
.weiss   { color:white; }
.hell    { color:#e3e3e3; }
.dunkel  { color:#cacac8; }
.abstand { margin-bottom:10px; }

p  { font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:20px; line-height:28px; margin-top:0px; margin-bottom:0px; }  


ul { list-style:none; padding:0; font-family:'Ubuntu', sans-serif; font-weight:300; font-size:20px; line-height:28px; margin-top:0px; margin-bottom:0px; }
li { padding-left: 1.3em; }
.liste1 li:before { content: "\f054"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.4em; }
.liste2 li:before { content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; }
.liste3 li:before { content: "\f540"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; }

.fa {
  font-family: FontAwesome;
}
.fa-fw { /* symbole mit fester Breite */
  text-align: center;
  width: 1em;
}