/* Custom CSS Override */

/* Custom font - auch im head-bereich einbinden */

body {
    font-family: 'Open Sans', sans-serif;
    font-size:16px; /* Standard ist 16px */
    line-height:1.5625; /* Standard ist 1.5625 */
    color:#333333; /* Standard ist #777777 */
}

h1,h2,h3,h4,h5, .navbar ul a {
    font-family: 'Roboto Slab', serif;
}

/* Fixed Header - funktioniert noch nciht wirklich gut
.t3-header {
    position: fixed;
    width: 100%;
    z-index: 99;
    top:40px;
}

*/

/* Hauptnavigation */
/*Höhe der Hauptnavigation - Standard ist 90px;
/* Anpassungen an Layout die Hauptmenü betreffen hier vornehmen */

/*
.navbar {
    min-height:60px;
    background:;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
    color:#FFFFFF;
}

.nav .caret {
    border-top-color:#FFFFFF;
}

#t3-header, .dropdown-menu {
    background:#000000;
}

.dropdown-menu li > a, .dropdown-menu li > span {
   color:#FFFFFF;
}

*/

/* Megamenu Änderungen bei submenu anpassungen */
/*
.dropdown-menu .mega-nav > li a:hover, .dropdown-menu .mega-nav > li.active a  {
    color:#FFFFFF !important;
    background:#b52121 !important;
}

.dropdown-menu .mega-nav > li {
    margin:0px;

}

.dropdown-menu .mega-nav > li a {
    padding-left:15px !important;

}

.dropdown-menu .mega-nav ul.level1 {
    margin:0 !important;
}

.mega-dropdown-inner .mega-col-nav {
    padding-left:0;
    padding-right:0;
}

*/


.logo-image img {
   min-height:50px;
}

.sub-heading > span > h2 {
    font-size:46px;
    padding:20px 0px;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
    font-weight:400;
    font-size:110%;
}

.item-page .article-header .article-title {
    /*font-size:48px; */
}

.t3-topbar {
    background:#092443;
}

/* Navigation anpassen */

.nav > li.current.active {

}

/* zusammen-leiwand - farben übernehmen */

.t3-header {
    background:#121212;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li, .t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
    color:#fdfdfd !important;
}


.section-title {
    max-width:720px;
}

/* ACM Statistics */

.acm-statics.style-1 .number, .acm-statics.style-1 h5 {
    color:#333333;
}

/* Padding Bottom & top je nach bEdarf verringern um Abstand zwischen Bereichen zu definieren - Standard: 150px */

.t3-section-wrap .padding-bottom {

}

.t3-section-wrap .padding-top {

}

/* Graue Hintergrundfarbe ändern */

.t3-section-wrap .mod-bg-gray {

}

/* Hauptcontent - Article */

#t3-content .page-header > h1 {
    font-size:2.4em;
    margin-bottom:20px;

}

/* Testimonials Image */

.testimonial-img img {
    max-height:150px;
}

/* Header-Bereich single ARticle */

.article-header {
    padding-top:10px;
}

.item-page article .item-image {
    margin-bottom:0 !important;
}

.article-content {
    padding-top:0px;

}

.item-page h2 {
    margin:40px 0px;
    font-size:28px;
}

/* Custom Fields - Beispiele */

dd.field-entry {
    margin:12px 0px;
    border-bottom:1px #f1f1f1 solid;
}

dd.field-entry span.field-label {
    width:40%;
    background:#f2f3f7;
    display:inline-block;
    text-align:right;
    font-weight:bold;
    padding-right:20px;
    line-height:40px;
}

dd.field-entry span.field-value {
    color:#666666;
    display:inline-block;
    text-align:left;
    padding-left:12px;
    line-height:40px;
}

.workshop {
    /*background:#010206 url(../images/ip-background.jpg) bottom right no-repeat;*/
    color:#333333;
    border:1px solid #dddddd;
    margin-top:0px;
    padding:20px;
    border-radius:5px;
    box-shadow:0px 12px 12px #cccccc;
    text-align:center;
}

div.article {
    /*padding-left:50px; Warum wurde das eingebaut?*/
}

dd.title {
    background:#f2f3f7;
    display:block;
    padding:8px 0px;
    color:#777777;
    font-size:95%;
}

.workshop dt {
    padding:8px 0;
}

span.euro {
    font-size:42px;
    font-weight:600;
    font-family: 'Roboto Slab', serif;
}

h3.workshopinfotitle {
    padding:0;
    padding-left:12px;
    margin-bottom:-10px;
    z-index:29;
}

div.datum dt {
    font-weight:bold;
    font-size:100%;
}

div.datum > i, div.ort > i {
    padding-right:6px;
}

small.kostenhinweis {
    color:#777777;
    font-size:80%;
}

/* JA Content Listing Modul */

.jacl-item__cat {
    font-size:1.5rem !important;
}

.jacl-item__meta {
    font-size:1.25rem !important;
}

h2.heading-title {
    font-size:48px !important;
    text-transform:none;
    font-weight:700;
}

div.heading-desc {
    text-transform:uppercase;
    font-size:160% !important;
    margin:80px 0px;
}


/* Sticky Mega Menu */
/*.t3-mainnav {
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}
*/

/* Joomla Advanced Custom Module Anpassungen */

.jacl-item__body {
    height:auto !important;
}

.heading-style-07 .heading-title {

}

div.heading-desc {
    margin:20px 0;
}

.quicknews .section-title h3, .section-title .h3 {
    font-size:28px;
}

.quicknews {
    padding-top:20px;
    padding-bottom:20px;
}

.quicknews .section-title {
    margin-bottom:0;
}


/* Links am Ende der Blog-Beiträge */

.nav > li.content-links-a > a, .nav > li.content-links-a > b, .nav > li.content-links-c > a {
    display:inline-block !important;
}

div.content-links {
    background:#f2f3f7;
    padding:12px;
}

.t3-masthead .ja-masthead .ja-masthead-detail {
    max-width:80%;
}

/* Startseite readmore */

.btn.btn-dark.btn-rounded {
    padding:20px;
    border:1px solid #efefef;
    background:#FFFFFF;
    margin-top:20px;
}

/*.t3-content {
    padding-top: 0;
padding-bottom: 0;
margin-top: -150px;
background: #fff;
z-index: 100;
border-radius: 5px;
padding-top: 30px;
} */


/* Media Queries */


/* für Ansichten bis max. 1200px */
@media screen and (max-width: 1200px)
{

body { font-size:14px;}
#t3-content .page-header > h1 {
  font-size:2.0em;  
}

#t3-section-top h3 {
    font-size:2.2em;
}

}

/* für Tablets bis 768px */
@media screen and (max-width: 768px)
{
#t3-content .page-header > h1 {
  font-size:1.6em;
}

.item-page h2 {
   font-size:1.5em;
   margin:40px 0px;
}

.navbar-collapse .navbar-nav > li, .navbar-collapse .navbar-nav > li > a {
    color:#333333 !important;
}

.item-page h3 {
       font-size:1.4em;
   margin:20px 0px;
}

.acm-hero.style-1 .hero-item .wrap-content p.lead {
    font-size:1.0em;
}

#t3-section-top h3 {
    font-size:1.4em;
}

.heading-style-07 .heading-title {
 line-height:120%;
 font-size:160% !important;
}

}

/* für ganz kleine Monitorie / Viewports */
@media screen and (max-width:576px) 
{
#t3-content .page-header > h1 {
  font-size:1.5em;
}

}