/*
 * 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.
 *
 * rot #dc0000
 * dunkelgrau #393939
 * grau #5f5f5f
 * hellgrau #f2f2f2
 * grau2 #d9d9d9
 *
 */

@import "style.css";
@import "custom-unterseite.css"; /* CSS Code für die Unterseite ohne Navigation */
@import "custom-kontaktformular.css"; /* CSS Code für das Kontaktformular */
@import "custom-startseite.css"; /* CSS Code für die Startseite */
@import "custom-nachrichten.css"; /* CSS Code für die Nachrichtenseite */
@import "custom-landingpage.css"; /* CSS Code für die Landingpage */
@import "custom-contentseite-mit-navi.css"; /* CSS Code für die Contentseite mit Navi */
@import "custom-materialboerse.css"; /* CSS Code für die Materialbörsenseite */
@import "custom-sitemap.css"; /* CSS Code für die Sitemap */
@import "custom-veranstaltungsliste.css"; /* CSS Code für die Veranstaltungsliste */
@import "custom-startseite-kreisverbaende.css"; /* CSS Code für die Veranstaltungsliste */
@import "custom-kontakt.css"; /* CSS für die Kontaktbanner */
@import "custom-stellenanzeige.css"; /* CSS für die Stellenanzeigen */
@import "custom-bildergalerie.css"; /* CSS für die Stellenanzeigen */
@import "custom-teaser.css"; /* CSS für die Teaser */
@import "custom-systemstyle.css"; /* CSS für die Systemstyle */
/* .type_content { */
	/* background-color: black; */
/* } */

.margin-bottom-20 {
	margin-bottom: 0px !important;
}
/* Allgemeine Hintergundfarben */

.rot-hintergrund {
	background-image: url('//spielwiese-caritas.kirche-bamberg.de/medien/c6f913f1-eff3-435b-8ce4-bb9b17dd6b94/keyboard-caritas_red--1-.jpg'); /* rotes Hintergrundbild
	/* background-image: url('../workspace/SpacesStore/dee0a0b7-89f3-4959-9d74-1614d30bfdbd/teaser-kalender-001'); */
	text-align: center !important;
	/* background: #dc0000 !important; */
	/* background-image: url('teaser-kalender-001.png'); */
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.hellgrau-hintergrund {
	background-color: #f2f2f2 !important;
}
.grau-hintergrund {
	background-color: #5f5f5f !important;
}
.grau2-hintergrund {
	background-color: #d9d9d9 !important;
}
.dunkel-grau-hintergrund {
	background-color: #393939 !important;
}
.weiss-hintergrund {
	/*background-color: gray !important;*/
	background-color: white !important;
}

.blockcollection{
    margin: 15px
}

.blockcollection .blog h2.title a {
    color: #dc0000 !important;
	pointer-events: none;
}
/* #### Startseite Header #### */



/* Extansion ausgeblendet */
/* .dm-toolbar { */
	/* display: none !important; */
/* } */

/* grüne Bullets ausblenden */
/* .dm-publishstate-3[data-dm-prop="title"]:before, .dm-publishstate-3[data-dm-showstatusicon="true"]:before, .dm-publishstate-3.dm-has-publishstate:before { */
	/* background: none !important; */
	/* border-color: none !important; */
/* } */
/* .dm-enabled [data-dm-prop="title"]:before, .dm-enabled [data-dm-showstatusicon="true"]:before, .dm-enabled .dm-has-publishstate:before { */
	/* content: none !important; */
	/* display: none !important; */
/* } */


.btn-u:focus, .btn-u:active {
	color: white !important;
}
#tinymce > h1 {
	font-size: 38px !important;
	color: #393939 !important;  /* dunkelgrau */
	font-weight: normal !important;
	margin-left: 0% !important;
	display: inline !important;
}
html .dm-enabled {
	margin-top: 50px;
}
* {
	font-family: 'Source Sans Pro', sans-serif !important;
}
/* .wrapper .btn.btn-default { */
	/* display: none !important; */
/* } */

.mce-ico {
	font-family: tinymce, Arial !important;
}
.mce-container-body {
	width: 100% !important;
}
/* .inhalt-anhang-bild-rechts .mce-tinymce.mce-container, */
/* .inhalt-bild-links .mce-tinymce { */
	/* float: right !important; */
/* } */

.inhalte-ohne-bild .mce-tinymce {
	width: 100% !important;
}
/* .mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset { */
	/* width: auto !important; */
/* } */

.mce-container iframe {
	width: 100% !important;
}
.mce-panel.mce-floatpanel.mce-window {
	width: 50% !important;
	left: 20% !important;
}
/* .inhalt-anhang-bild-rechts ul, */
/* .inhalt-anhang-bild-links ul { */
	/* list-style: none; */
	/* padding-left: 0px; */
/* } */

/* .inhalt-anhang-bild-rechts ul li:before, */
/* .inhalt-anhang-bild-links ul li:before { */
	/* content: "+"; */
	/* color: #dc0000; */
	/* margin-right: 4px; */
	/* margin-left: -14px; */
	/* font-weight: bold; */
/* } */


.attachments {
	background-color: white !important;
}
.attachments a:hover, .attachments a:focus, .attachments a:active {
	text-decoration: underline !important;
	color: #dc0000 !important;
}
.attachments > .col-md-12 {
	padding-left: 30px !important;
	padding-right: 30px !important;
	padding-bottom: 30px !important;
}
.attachments h2 {
	color: #dc0000 !important;
	margin-top: 0px !important;
}
.attachments .fa {
	color: #dc0000 !important;
}
/* #### Font Awesome #### */

.fa {
	font-family: FontAwesome !important;
}
 #fd940a3765a2578df99135395269d164 .wrapper div.content.container:nth-child(8) .detailmetadata .who .fa {
 color: white !important;
}
/* #### Font Bootstrap Glyphicon #### */

.glyphicon {
	font-family: 'Glyphicons Halflings' !important;
}


/* Bildunterschrift ausblenden */
div.col-item .image-subtitle {
	display: none !important;
}

.col-md-8 .carousel-inner .image-subtitle {
    display: block !important;
    text-align: left;
    padding: 0;
    color: #4c4c4c;
   font-style: italic;
}

.col-md-8 .carousel-inner  .col-md-5.pull-right .image-subtitle {
    display: block !important;
    text-align: left;
    padding-left:  15px;
	padding-right:  15px;
    color: #4c4c4c;
   font-style: italic;
}
.image-copyright {
    text-align: right;
}
/* Bildunterschrift in Nachrichten einblenden */
.newsdetails.nachrichtenliste div.col-item .image-subtitle {
	display: block !important;
}

/* Keiner Over Animation bei Bildern */

.thumbnail-style:hover, .thumbnail-kenburn img, .thumbnail-kenburn:hover img {
	transition: none !important;
	box-shadow: none !important;
	transform: none !important;
}
/* #### 3006 Einfache Linkleiste #### */

.header-link-leiste {
	margin: 0 auto;
}
.header .header-link-leiste ul.loginbar li a {
	color: #393939 !important;
	text-transform: initial !important;
}
.header .header-link-leiste ul.loginbar li a:hover {
	color: #dc0000 !important;
}
/* #### 5007 Main Navigation #### */

 .header .horizonatle-navigation .navbar-toggle {
	background-color: #dc0000 !important;
}
.header .container, .header .container .row, .header .container .row .md-margin-bottom-20, .header .container .row .md-margin-bottom-20 .type_header, .header .container .row .md-margin-bottom-20 .type_header .col-md-12 {
	padding: 0px !important;
	margin: 0px !important;
	width: 100% !important;
}
 @media (min-width: 1200px) {
 .horizontale-navigation .navbar-nav,  .horizontale-navigation ul.nav.navbar-nav,  .horizontale-navigation .navbar-header,  .topbar {
 width: 1170px;
}
}
 @media (min-width: 768px) and (max-width: 992px) {
 .horizontale-navigation .navbar-nav,  .horizontale-navigation ul.nav.navbar-nav,  .horizontale-navigation .navbar-header,  .topbar {
 width: 750px;
}
}
 @media (min-width: 992px) and (max-width: 1200px) {
 .horizontale-navigation .navbar-nav,  .horizontale-navigation ul.nav.navbar-nav,  .horizontale-navigation .navbar-header,  .topbar {
 width: 970px;
}
}
.navbar-collapse {
	float: left;
	width: 100%;
	padding: 20px 0;
	color: #000;
}
.horizontale-navigation ul.nav.navbar-nav {
	position: relative;
	float: none;
	left: auto;
	margin: 0 auto !important;
	padding: 0;
	text-align: justify !important;
	background-color: white !important;
}
.horizonatle-navigation .active {
	font-weight: bold !important;
	color: #dc0000 !important;
}
.horizontale-navigation .navbar-header {
	margin: 0 auto;
}
.horizontale-navigation .navbar-header, .type_header {
	background: #f2f2f2 !important;
}
.collapse.navbar-collapse.navbar-responsive-collapse {
	background: white !important;
}
.horizontale-navigation ul.nav.navbar-nav li {
	border-right: 1px solid #f2f2f2 !important;
}
.horizontale-navigation ul.nav.navbar-nav li:first-child {
	border-left: 1px solid #f2f2f2 !important;
}
.horizontale-navigation ul.nav.navbar-nav li a {
	border-top: none !important;
	font-weight: normal !important;
	text-transform: inherit !important;
}
.horizontale-navigation ul.nav.navbar-nav li.active a, .header .horizontale-navigation .navbar-nav > li.dropdown .dropdown-menu li.active > a {
	color: #dc0000 !important;
	font-weight: bold !important;
	background-color: white !important;
}
.header .horizontale-navigation .navbar-nav > li.dropdown .dropdown-menu li > a {
	color: #393939 !important;
	font-weight: normal !important;
}
.header .horizontale-navigation .navbar-nav > li.dropdown .dropdown-menu li > a:hover {
	background-color: white !important;
	color: #dc0000 !important;
	font-weight: bold !important;
}
.header .navbar-default .navbar-toggle {
	border: none;
	background: #dc0000 !important;
}
.header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
	background: #393939 !important;
}
.horizontale-navigation ul.nav.navbar-nav li a:hover, .horizontale-navigation ul.nav.navbar-nav li a:active, .horizontale-navigation ul.nav.navbar-nav li a:focus {
	color: #dc0000 !important;
	font-weight: bold !important;
	background-color: white !important;
}
.horizontale-navigation ul.nav.navbar-nav li:hover a, .horizontale-navigation ul.nav.navbar-nav li:active a, .horizontale-navigation ul.nav.navbar-nav li:focus a {
	color: #dc0000 !important;
	font-weight: bold !important;
	background-color: white !important;
}
.horizontale-navigation ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a:hover {
	background: #dc0000 !important;
	color: white !important;
}
.horizontale-navigation ul.nav.navbar-nav > li {
	width: auto !important;
}
.sidebar-nav-v1 li ul, .sidebar-nav-v1 li.active ul a {
	background-color: #ffffff !important;
}
.sidebar-nav-v1 ul li.inactive a {
	color: #dc0000 !important;
}
/* #### 8030 Slider Kopf #### */

.header .carousel {
	margin-bottom: 0px !important;
}
.header .carousel-caption {
	background: rgba(255, 255, 255, 0.8) !important;
	box-shadow: 5px 5px 5px #888888;
	margin-left: 55% !important;
	margin-bottom: 2% !important;
}
.header .carousel-caption p {
	color: #393939 !important;
}
.header .carousel-caption .pull-left h2 i {
	font-size: 28px !important;
	color: #dc0000 !important;
}
.slider-header .carousel-arrow .fa-angle-right, .slider-header .carousel-arrow .fa-angle-left {
	background-color: #dc0000 !important;
}
.header {
	margin-bottom: 0px !important;
}

/*Webkonzept*/

.col-item .info {

    padding: 5px 0;
}

.content.container .col-md-4.type_content.col-sm-6.col-xs-12 .flexpagecontent.inhalt-anhang-bild-rechts {
    margin-bottom: 30px !important;
}
/* Komponente 8036 Höhe Text automatisch anpassen*/
.teaserlist .thumbnails {

    height: auto;

}
/* End Komponente 8036 Höhe Text automatisch anpassen */
/*End Webkonzept*/

 @-moz-document url-prefix() {
 .slider-header .carousel-arrow a.right i {
 right: 0 !important;
}
 .slider-header .carousel-arrow a.left i {
 left: 0 !important;
}
}
/* ### Footer ### */


/* #### 9015 Kontakt mit Bild im Fuß #### */

.footer-default .contactasset img {
	width: 60px !important;
	height: 79px !important;
}
.footer-default .contactasset {
	padding-right: 0px !important;
	width: auto !important;
}
.footer-default ul.list-unstyled li {
	color: white !important;
	font-size: 14px !important;
	font-weight: light !important;
}
.footer-default ul.list-unstyled li a {
	color: white !important;
	font-size: 14px !important;
	font-weight: light !important;
}
.footer-default ul.list-unstyled li span.addresscompany, .footer-default ul.list-unstyled li.addresscompany i {
	display: none !important;
}
/* CSS Vorlage: title:footer */
.footer-default ul.list-unstyled li:first-child {
	font-size: 15px !important;
	color: white !important;
	font-weight: 600 !important;
	padding-left: 0px !important;
	padding-bottom: 5px !important;
}
.footer-default ul.list-unstyled span.phone1 {
	width: 100% !important;
}
/* 3515 Linkliste Fuß */

.footer-linkliste a:hover {
	text-decoration: underline !important;
	cursor: pointer !important;
}
.footer-linkliste a {
	font-weight: normal !important;
}
/* 0509 Bildergalerie Slider*/
/*.bildergalerie-slider > div:nth-child(2) {*/
	/*height: 580px !important;*/
/*}*/

.bildergalerie-slider h2 {
	color: #dc0000 !important;
}
/*0508 Bildergalerie Startseite */
.imagegallery a {
	padding: 0px 10px;
}
/* 6014 Seiteninhalt mit Bild oben im Fuß - Qualität */

.footer-default .footer {
	background-color: #393939 !important;
}
/* CSS Vorlage: h2:footer - aktuell nicht in Verwendung, da nur eine h3 existiert */
.footer-default .row.flexpagecontent h2, .footer-default .row.flexpagecontent h3 {
	font-size: 28px !important;
	color: white !important;
	text-transform: uppercase !important;
	font-weight: light !important;
}
/* CSS Vorlage: text:footer */
.footer-default p {
	color: white !important;  /* weiß */
	font-size: 14px !important;
	font-weight: light !important;
}
.footer-default .posts .dl-horizontal dd {
	margin-left: 0px !important;
}
 .footer-default .footer .linklist_compact .blog-medium:nth-child(1) .dl-horizontal dd {
 padding-top: 0px !important;
}
.footer-default .footer .linklist_compact .blog-medium .dl-horizontal dd p.title .fa-caret-right {
	margin-right: 5px !important;
	color: white !important;
}
.footer-default .footer .linklist_compact .blog-medium .dl-horizontal dd p.title .fa-caret-right:before {
	color: white !important;
}
/* CSS Vorlage: text:footer */
.footer-default .posts .dl-horizontal dd a {
	font-size: 14px !important;
	font-weight: light !important;
	color: white !important;
}
 .footer-default .row.type_footer div.type_footer:nth-child(3) .col-md-5.pull-right {
 width: 100% !important;
 padding-left: 0px !important;
 margin-top: 0px !important;
}
.footer-default .info {
	background-color: #393939 !important;
	color: white !important;
}
/* 3007 Linkleiste Fuß */



.footer-default div.simplelinkbarcontent p a {
	width: 100% !important;
	font-size: 15px !important;
	font-weight: light !important;
	color: #393939 !important;
	text-transform: capitalize !important;
}
.footer-default div.simplelinkbarcontent p a:hover {
	text-decoration: underline !important;
	color: #dc0000 !important;
}
.footer-default div.simplelinkbarcontent p {
	text-align: right !important;
	font-size: 15px !important;
	font-weight: light !important;
	color: #393939 !important;
	text-transform: capitalize !important;
}
.footer-default div.simplelinkbarcontent {
	width: 100% !important;
}
.footer-default .dl-horizontal {
	margin-bottom: 0px !important;
}
/* Icons bei den Kontakten im Footer */
.footer-default .detailmetadata .who .fa-home:before, .footer-default .detailmetadata .who .fa-phone:before, .footer-default .detailmetadata .who .fa-envelope:before, .footer-default .detailmetadata .who .fa-fax:before {
	color: white !important;
}
.footer-default .footer-inhalte-ohne-bild h6 {
	color: #ffffff !important;
}
.footer-default h6 {
	color: #dc0000 !important;
}
#topcontrol:hover {
	background: #dc0000 !important;
}

.carousel-v1 .carousel-arrow a i, .carousel-v1.slider_default .carousel-arrow a i {
    background: #dc0000 !important;

}

.header .carousel-inner {

    margin-left: 0;
    margin-right: 0;

}
.content .carousel-v1 .carousel-arrow a i {
    top: 37%;
}


/*Form*/

.editform {
	padding: 17px;
	background: white !important;
	margin: -15px;
}
 @media screen and (min-width: 768px) and (max-width: 1200px) {
 .footer-default .who li .addresslabel span.phone1,  .footer-default .who li .addresslabel span.address-block-2,  .footer-default .who li .addresslabel span.mail {
 width: 60px !important;
}
 .header .carousel-caption {
 margin-left: calc(50% - 280px) !important;
}
}
 @media screen and (max-width: 991px) {
 .type_footer {
 float: right !important;
 margin-top: 30px !important;
}
 ul.nav.navbar-nav li {
 width: 100% !important;
}
 .header .horizontale-navigation .navbar-nav > li.active > a, .header .horizontale-navigation .navbar-nav > li.active > a:hover, .header .horizontale-navigation .navbar-nav > li.active > a:focus {
 background-color: #dc0000 !important;
}
 .header .container .row .md-margin-bottom-20 {
 margin-bottom: 0px !important;
}
}
 @media (max-width: 767px) {
.header .navbar-default .navbar-header .navbar-brand img {
 max-width: 400px;
 height: auto;
 padding: 0 0 0 10px;
}
}
 @media screen and (max-width: 768px) {
 .loginbar.pull-right {
 float: none !important;
 padding-left: 0px !important;
}
 .topbar {
 text-align: center !important;
}
}
 @media screen and (min-width: 620px) and (max-width: 767px) {
 .eventcontent h2 {
 top: -50px;
}
}