/*
 * Bitte diese Datei nicht umbenennen!!!
 * Die Frontend Templates laden fix diese Datei (custom-ext.css). Per Import werden dann auch weitere Datei geladen.
 * 
 * - Jede .less Datei wird zu .css konvertiert (siehe http://lesscss.org/ für Dokumentation dieser erweiterten CSS Notation)
 * - Für jede Datei, die Sie in Ihre Webseite integrieren möchten, muss hier ein entsprechendes Input-Statement erstellt werden.
 */

@import "style.css";

/*Einstellungen Allgemein*/

.eventlist h2.title,
.eventlist h2.title a {
    font-size: 18px !important;
}

.eventlist h2.title.comptitle {
    font-size: 24px !important;
}

.eventlist .blog h4.subtitle {
    font-size: 14px;
    padding-bottom: 5px;
    margin: 0;
}

.eventlist .blog h4.subtitle {
    margin: 0px;
}

.spacer.20 {
    margin: 20px 0;
}

.spacer.40 {
    margin: 40px 0;
}


/*End Einstellungen Allgemein*/


/*linke Spalte nav*/

.sidebar-nav-v1 ul li:hover a,
.sidebar-nav-v1 ul li.active a,
.sidebar-nav-v1 ul li ul li.active a {
    color: #DB6A27 !important;
}

.sidebar-nav-v1 ul ul li.inactive a {
    color: #57585A !important;
}

.sidebar-nav-v1 ul li ul li:before {
    left: 27px;
    color: #777;
    font-size: 12px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}

.sidebar-nav-v1 ul ul li {
    border-top: 1px solid #e3e3e3;
    padding-left: 10px;
}


/*Ende Linke Spalte nav */


/* Boxen rechte Spalte - Nachrichten, Kontakt, Seiteninhalt*/

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .contactlist_portfolio,
.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .newslist {
    background-color: #DCDDDF;
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 h2 {
    padding-left: 15px;
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .col-md-12.newscontent h2 {
    padding: 0 15px;
    font-size: 15px;
    line-height: 17px;
    font-family: 'PT Serif', serif;
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .col-md-12.newscontent h2 a {
    color: #009B6E;
    line-height: 17px;
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .newslist .headline.comptitle {
    background-color: #FFF;
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .contactlist_portfolio .headline.comptitle h2 {
    padding-left: 0px;
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .newslist hr.margin-bottom-20 {
    margin-top: 0;
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .contactlist_portfolio {
    padding: 10px 15px;
}

.contactlist_portfolio .thumbnail-style {
    padding: 0;
    margin-bottom: 0;
}

.box_type4.has-link.is-short a {
    color: #009B6E;
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .row.blog.blog-medium.margin-bottom-20.flexpagecontent {
    margin-bottom: 0;
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .row.blog.blog-medium.margin-bottom-20.flexpagecontent.box_typ6,
.box_typ6 {
    margin: 10px 0;
    background-color: #fff;
    border: 1px solid #DCDDDF;
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .row.blog.blog-medium.margin-bottom-20.flexpagecontent.box_typ6 a,
.box_typ6 a {
    color: #009B6E
}

.col-md-4.md-margin-bottom-20.col-sm-6.col-xs-12 .row.blog.blog-medium.margin-bottom-20.flexpagecontent.box_typ6 .col-item,
.box_typ6 .col-item {
    display: none;
}


/* End Boxen rechte Spalte - Nachrichten, Kontakt, Seiteninhalt*/


/* Folgeseiten */

.box_typ6 a[href$=".pdf"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.box_typ6 a[href$=".pdf"]:before {
    content: "\f1c1";
    padding-right: 5px;
}


/*Kopfbereich */

.header {
    min-height: 559px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 5px 10px 0px rgba(204, 204, 204, 1);
}

.header .navbar-default .navbar-nav {
    background-color: #58585A;
}


/*.navbar-nav>li {
	background-color: #58585A;

}*/

.header .carousel-inner {
    position: absolute;
}


/*Letzter Menüpunkt Submenü nach links öffnen
ul.nav.navbar-nav>li:nth-child(8) .dropdown-menu.dropdown-menu-3 {
 right: 100% !important;
 left: auto !important;
}
/*end*/

.footer-default .footer p {
    color: #191919;
}

.footer ul,
.footer ul ul {
    list-style-type: none;
    padding-left: 0px;
}

.footer ul,
.footer ul ul {
    padding-left: 10px;
}

.footer-default .footer {
    padding-bottom: 0px;
}

.footer-default .footer a:hover {
    color: #4c4c4c;
}

.margin-bottom-20.slider_default {
    margin: 0 0 4px 0;
}


/*.header .navbar-default .navbar-nav > li.dropdown > a {

	cursor: default;
}*/


/*Veranstaltungsliste mehrfarbig nach Kategorien*/

.col-md-12 .eventlist.keb.gelb > .row.margin-bottom-20 {
    border-left: 10px solid #DDB109;
}

.col-md-12 > .eventlist.keb.rot > .row.margin-bottom-20 {
    border-left: 10px solid #E60E64;
}

.col-md-12 > .eventlist.keb.blau > .row.margin-bottom-20 {
    border-left: 10px solid #00B1C7;
}

.col-md-12 > .eventlist.keb.gruen > .row.margin-bottom-20 {
    border-left: 10px solid #83B751;
}

.col-md-12 > .eventlist.keb.orange > .row.margin-bottom-20 {
    border-left: 10px solid #F39200;
}

.col-md-12 > .eventlist.keb.dklrot > .row.margin-bottom-20 {
    border-left: 10px solid #CE171F;
}


/*end Veranstaltungsliste mehrfarbig nach Kategorien*/


/*Teaserleiste Startseite oben Hover-Effekt*/

.teaserlist_with_texteffect img.img-responsive {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.teaserlist_with_texteffect img.img-responsive:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/*End Teaserleiste Startseite oben Hover-Effekt*/

@media (max-width: 991px) {
    .breadcrumbs {
        display: none;
    }
    .navbar-header {
        top: -341px;
    }
    .sidebar-nav-v1 {
        display: inherit;
    }
    .header {
        min-height: 200px;
    }
}

@media (min-width: 991px) {
    .header .navbar-collapse {
        top: 436px;
    }
}

@media (min-width: 1200px) {
    .header .navbar-collapse {
        top: 436px;
    }
    .header .navbar-default .navbar-nav > li.dropdown {
        max-width: 170px;
    }
}