/**
 * @version                1.0.1
 * @package                JoomlaXTC Motoblog template for Joomla! 3.x
 * @author                JoomlaXTC http://www.joomlaxtc.com
 * @copyright        Copyright (C) 2016 Monev Software LLC. All rights reserved.
 * @license                http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* ----------------------------------------------*/
/* GLOBAL TYPOGRAPHY
/* ----------------------------------------------*/
body, #component p, input, button, select, textarea {
 font-family:"Segoe UI",Roboto,Calibri,-apple-system,BlinkMacSystemFont,"PT Sans",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;!important;
 font-size:16px;
 direction:ltr;
        line-height: 1.56;
        font-weight: 200;
}
.page-header h1, h1, h2, h3, h4, h5, h6 {
        font-family: Arial, sans-serif;
}
h1 {
 font-size:50px;
        line-height: 112%;
        letter-spacing: -2px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
h2 {
 font-size:25px;
        line-height: 100%!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 400;
}
h3 {
 font-size:32px;
        line-height: 120%!important;
        font-weight: normal!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
h4 {
 font-size:24px;
        line-height: 100%!important;
        font-weight: normal!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
h5 {
 font-size:16px;
        font-weight: normal!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
h6 {
 font-size:14px;
        font-weight: normal!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}
td {
        font-size: 100%
}
th {
        font-weight: 700;
        padding: 5px;
        text-align: left
}
sup, sub {
        height: 0;
        line-height: 1;
        vertical-align: baseline;
        _vertical-align: bottom;
        position: relative;
        font-size: 80%;
        color: #F06
}
sup {
        bottom: 1ex
}
sub {
        top: .5ex
}
del {
        text-decoration: line-through
}
small {
        font-size: 8px
}
pre {
        border-left: 3px solid #999;
        font: 1em/1.5 "Courier News", monospace;
        margin: 5px 0 15px;
        padding: 10px 15px;
        background: #efefef
}
ol {
        list-style-type: upper-roman
}
hr {
        border-color: #ededed;
        border-style: solid;
        border-width: 1px 0 0;
        height: 1px;
        margin: 2px 0
}
fieldset {
        border: 0 solid #999
}
legend {
        padding: .2em 0;
        border: 0 solid #333;
        color: #aaa;
        font-size: 100%;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase
}
abbr[title] {
        border-bottom: 1px dashed #999;
        cursor: help
}
big {
        font-size: 150%
}
center {
        text-align: center
}
em {
        font-style: normal
}
a {
        text-decoration: none
}
a:hover {
        text-decoration: none
}
.typowrap {
        background: #fafafa;
        padding: 30px;
        border-radius: 5px;
        margin-bottom: 30px
}
#multicolumnelement {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-width: 15em;
        -moz-column-count: 15em;
        column-count: 15em;
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
        column-gap: 1em;
        -webkit-column-rule: 1em solid #000;
        -moz-column-rule: 1em solid #000;
        column-rule: 1em solid #000
}
#iconlistwrap {
        margin-top: 30px
}
ul.column li {
        margin: 0 0 30px;
        text-align: center
}
ul.pagenav li {
        padding: 3px!important
}
.textlarge {
        font-size: 54px!important
}
.textlarge1 {
        font-size: 38px!important
}
.nolh h1, .nolh h2, .nolh h3, .nolh h4, .nolh h5, .nolh h6, .nolh p {
        line-height: 0!important;
}
/* ----------------------------------------------*/
/* MENU TYPOGRAPHY
/* ----------------------------------------------*/
#menuwrap .nav>li>a, #menuwrap .nav>li>a.active > a, #menuwrap .nav>li>a:hover > a, #menuwrap ul.nav span.separator {
 font-family:"Segoe UI",Roboto,Calibri,-apple-system,BlinkMacSystemFont,"PT Sans",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;!important;
 font-size:16px;
        text-transform: uppercase;
        font-weight: 800;
        padding-top: 23px;
        padding-bottom: 22px;
}
#menuwrap .dropdown-menu a, #menuwrap ul.nav .dropdown-menu span.separator {
 font-family:"Segoe UI",Roboto,Calibri,-apple-system,BlinkMacSystemFont,"PT Sans",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;!important;
 font-size:13px;
        font-weight: 100;
        letter-spacing: 1px;
        text-transform: uppercase;
}
/* ----------------------------------------------*/
/* COMPONENT TYPOGRAPHY
/* ----------------------------------------------*/
.page-header h1, .componentheading, .pagetitle, span.subheading-category, .componentheading span, h1.pagetitle span, .itemListCategory h1.pagetitle span, .pagetitle span, #component h1.pagetitle span {
 font-family: "Segoe UI",Roboto,Calibri,-apple-system,BlinkMacSystemFont,"PT Sans",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;;
 font-size:40!important;
        line-height: 120%;
        display: block;
        font-weight: 800!important;
}
.com_content .item-page .page-header h2 a, .com_content .item-page .page-header h2 {
 font-family:"Segoe UI",Roboto,Calibri,-apple-system,BlinkMacSystemFont,"PT Sans",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;;
 font-size:30px;
        line-height: 100%;
        padding: 0px;
        text-align: left;
        font-weight: bold!important;
        letter-spacing: 0px;
}
.com_content .blog .page-header h2 a, .com_content .blog .page-header h2, .com_content .featured-blog .page-header h2 a, .com_content .featured-blog .page-header h2, .com_k2 .catItemHeader h3.catItemTitle {
 font-family:"Segoe UI",Roboto,Calibri,-apple-system,BlinkMacSystemFont,"PT Sans",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;;
 font-size:30px;
        line-height: 100%;
        font-weight: 800!important;
        letter-spacing: -2px;
}
.com_content .blog .span3 .page-header h2, .com_content .blog .span3 .page-header h2 a {
        font-size: 22px;
        letter-spacing: -1px;
}

@media screen and (max-width: 900px) {
.com_content .blog .span3 .page-header h2, .com_content .blog .span3 .page-header h2 a {
 font-size:30px;
}
}
ul {
        list-style-position: inside;
}
/* ----------------------------------------------*/
/* MODULE TYPOGRAPHY
/* ----------------------------------------------*/

h3.moduletitle,span.first_word,span.rest {
 font-size:28px !important;
 line-height:28px!important;
 font-family:"Segoe UI",Roboto,Calibri,-apple-system,BlinkMacSystemFont,"PT Sans",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;!important;
        letter-spacing: -1px;
}
h3.fa {
font-size:28px !important;
 line-height:28px!important;
}
h3.fa::before {
        margin-right: 12px;
        font-family: FontAwesome;
}
span.rest, h3.moduletitle span.rest {
        font-weight: 900!important;
        margin-left: -3px;
}
div.joomla div.description {
        font-size: 18px;
        line-height: 20px;
}
.breadcrumb>li {
 font-size:12px!important;
}
div.breadcrumbs a.pathway {
        font-size: 11px!important;
}
/*Be nice, IE fix below*/
/*
div,a,a:link {font-family:"Segoe UI",Roboto,Calibri,-apple-system,BlinkMacSystemFont,"PT Sans",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;;}
*/

/* ----------------------------------------------*/
/* TYPO STYLES
/* ----------------------------------------------*/
/* Drop Cap and Quotes Styles */
.dropcap {
        float: left;
        padding: 0 8px 0 0;
        display: block;
        color: #999;
        font: 80px/60px Times, serif
}
quotes {
        padding: 1em 40px 1em 15px;
        font: 16px Arial;
        color: #777
}
.quotetxt {
        font-weight: 100!important
}
blockquote.opensmall {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/openquote.gif) no-repeat 0 0;
        border: 0;
        padding: 0 0 0 6px;
        text-align: justify
}
blockquote.opensmall p {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/closequote.gif) no-repeat 100% 100%;
        padding: 0 0 0 15px;
        font: 16px Arial;
        color: #777
}
blockquote.openlarge {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/oquote_lg.png) no-repeat 0 0;
        border: 0;
        padding: 0;
        text-align: justify
}
blockquote.openlarge p {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/equote_lg.png) no-repeat 100% 100%;
        padding: 10px 0 10px 50px;
        font: 18px Arial;
        line-height: 28px;
        color: #777
}
/* Div Styles */
.highlight {
        padding: 12px;
        background: #ffc;
        color: #333;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}
.code {
        background: #f4f4f4;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        padding: 12px;
        color: #333
}
.note {
 background:#feef9c url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/note.gif) no-repeat right bottom;
        font-size: 1em;
        color: #000!important;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 15px
}
/* P Class Styles */
p.error {
        padding-left: 25px;
        color: #f10033;
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/error.gif) no-repeat top left
}
p.message {
        color: #069;
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/info.gif) no-repeat top left;
        padding-left: 25px
}
p.ideas {
        padding-left: 25px;
        color: #ee9600;
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/lightbulb.gif) no-repeat top left
}
p.download {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/download.gif) no-repeat 5px center;
        padding-left: 25px
}
p.asterisk
 {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/icon-asterisk_sm.png) no-repeat 5px center;
        padding-left: 25px
}
p.com {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/ext_com.png) no-repeat 5px center;
        padding-left: 35px
}
p.mod {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/ext_mod.png) no-repeat 5px center;
        padding-left: 35px
}
p.plug {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/ext_plugin.png) no-repeat 5px center;
        padding-left: 35px
}
p.lang {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/ext_lang.png) no-repeat 5px center;
        padding-left: 35px
}
p.rss {
 background:url(https://ttc-schaephuysen.de/templates/motoblog/images/typo/rss.png) no-repeat 5px center;
        padding-left: 25px;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0
}
.ulwrap {
        background: #f4f4f4;
        border: 1px solid #ddd;
        margin: 0 0 20px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
}
h3.wraptitle {
        padding: 0;
        margin: 0;
        font-size: 16px;
        color: #666;
        line-height: 100%
}
.h3large h3.moduletitle {
        font-size: 28px!important
}
/* UL Icons */
ul.icons {
        list-style: none;
        padding: 12px 0;
        margin: 0
}
ul.icons li span {
        padding-right: 10px
}
ul.icons li span i.icon-ok {
        color: #5ea62a
}
ul.icons li span i.icon-star {
        color: #eec523
}
ul.icons li span i.icon-remove-sign {
        color: #900
}
ul.icons li span i.icon-comments {
        color: #5e8bc9
}
ul.icons li span i.icon-play-circle {
        color: #222
}
/* Button Colors */
.btnblue {
        background: #6791e7!important;
        color: #fff!important;
        border: 0!important;
        padding: 8px 12px!important
}
.btnred {
        background: #e52644!important;
        color: #fff!important;
        border: 0!important;
        padding: 8px 12px!important
}
.btngreen {
        background: #1b3647!important;
        color: #fff!important;
        border: 0!important;
        padding: 8px 12px!important
}
.btnorange {
        background: #ff5353!important;
        color: #fff!important;
        border: 0!important;
        padding: 8px 12px!important
}
.btnyellow {
        background: #ffbc48!important;
        color: #fff!important;
        border: 0!important;
        padding: 8px 12px!important
}
.btngrey {
        background: #222!important;
        color: #fff!important;
        border: 0!important;
        padding: 8px 12px!important
}
/* Blog Bubbles */
.blog-red, .blog-blue, .blog-green, .blog-cyan, .blog-tan, .blog-yellow, .blog-grey, .blog-pink {
        line-height: 133%;
        margin-bottom: 15px!important;
        position: relative;
        padding: 30px!important;
        font-size: 14px;
        color: #fff;
        color: rgba(255,255,255,0.85);
        font-weight: 700;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 0
}
.blog-red+p, .blog-blue+p, .blog-green+p, .blog-cyan+p, .blog-tan+p, .blog-yellow+p, .blog-grey+p, .blog-pink+p {
        margin: 15px 0 2em 85px!important;
        font-style: italic
}
.blog-red:after, .blog-blue:after, .blog-green:after, .blog-cyan:after, .blog-tan:after, .blog-yellow:after, .blog-grey:after, .blog-pink:after {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 50px;
        border-width: 0 20px 30px 0;
        border-style: solid;
        display: block;
        width: 0
}
.blog-red {
        background: #590c0d
}
.blog-red:after {
        border-color: transparent #590c0d
}
.blog-blue {
        background: #587faf
}
.blog-blue:after {
        border-color: transparent #587faf
}
.blog-green {
        background: #90892f
}
.blog-green:after {
        border-color: transparent #90892f
}
.blog-tan {
        background: #87785e
}
.blog-tan:after {
        border-color: transparent #87785e
}
.blog-cyan {
        background: #21ceda
}
.blog-cyan:after {
        border-color: transparent #21ceda
}
.blog-yellow {
        background: #c8a446
}
.blog-yellow:after {
        border-color: transparent #c8a446
}
.blog-grey {
        background: #7a7a7a
}
.blog-grey:after {
        border-color: transparent #7a7a7a
}
.blog-pink {
        background: #b12d4c
}
.blog-pink:after {
        border-color: transparent #b12d4c
}
/* Disable Bootstrap Glyph Icons in favor of Font Awesome */
[class^="icon-"], [class*=" icon-"] {
        background: none!important;
}
/* Font Awesome Demo Content Styling */
/* TYPOGRAPHY DEMO */
.pagetitle1 i {
        margin-right: 6px;
}

.fontawesome-icon-list div {
        width: 33%;
        display: inline-block;
        text-align: left;
        padding: 10px 0;
}
  @media screen and (max-width: 900px) {
.items-leading.xtc-leading.row-fluid .span3 .cat_title, .xtc-intro.clearfix.row-fluid .span3 .cat_title {
font-size:30px!important;
}
}