/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, h2, h3, .tk-kaffeesatz { font-family: 'kaffeesatz-1', 'kaffeesatz-2', sans-serif; }
h1, .h1{font-size:1.7em; font-weight:normal; font-style: normal; color:#0089ad; text-transform: capitalize;}
h2, .h2{font-size:1.5em; font-weight:normal; font-style: normal; color:#0089ad; text-transform: capitalize;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#0089ad;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #0089ad;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#0089ad;}
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#0089ad;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #5b8726;}
.category a{color: #333;}