/* CSS für die Startseite

rot #dc0000
dunkelgrau #393939
grau #5f5f5f
hellgrau #f2f2f2

*/


/* #### Header #### */
.loginbar.pull-right {
	float: right !important;
}

/* #### section #### */
/* 
.header {
	background: #f2f2f2 !important;
}

#fd940a3765a2578df99135395269d164 > .wrapper,
#fd940a3765a2578df99135395269d164 .wrapper section:nth-child(2),
#fd940a3765a2578df99135395269d164 .wrapper section:nth-child(8),
#fd940a3765a2578df99135395269d164 .wrapper section:nth-child(7),
#fd940a3765a2578df99135395269d164 .wrapper section:nth-child(6) {
	background-color: #ffffff !important;
}

#fd940a3765a2578df99135395269d164 .wrapper section:nth-child(3),
#fd940a3765a2578df99135395269d164 .wrapper section:nth-child(5) {
	background: #f2f2f2 !important;
}

#fd940a3765a2578df99135395269d164 .wrapper section:nth-child(4) {
	background-image: url("//system.kirche-bamberg.de/alfresco/d/d/workspace/SpacesStore/dee0a0b7-89f3-4959-9d74-1614d30bfdbd/teaser-kalender-001");
	text-align: center !important;
	background-repeat: none !important;
} */


/* #### einzelne Überschriften #### */

h3 {
	font-size: 28px;
	color: #393939;
	font-weight: normal;
	text-transform: uppercase;
}


/* #### 8031 Teaser Bild mittig #### */

.teaser-bild-mittig .thumbnail-style {
	background: none !important;
	height: 412px !important;
}

.teaser-bild-mittig .thumbnail-style h3 > a {
	font-size: 28px !important;
	color: #dc0000 !important;
	font-weight: normal !important;
	text-transform: none !important;
}

.teaser-bild-mittig p {
	font-size: 16px !important;
	color: #393939 !important;
	font-weight: normal !important;
}


/* alle h2 Überschriften auf der Startseite sollen keinen oberen Abstand haben */
#fd940a3765a2578df99135395269d164 .content.container h2 {
	margin-top: 20px !important;
}

.teaser-bild-mittig .thumbnail-style .thumbnail-img {
	width: 100% !important;
	padding-left: calc(25% + 15px) !important;
}
	
.teaser-bild-mittig .thumbnail-style img {
	width: 50% !important;
	height: auto !important;
}

.teaser-bild-mittig .row > div {
	text-align: center !important;
}

.teaser-bild-mittig .thumbnail-style .btn-more.hover-effect {
	display: none !important;
}

/* Flexibox */
@media screen and (min-width: 992px) {
 
	.teaser-bild-mittig .row.margin-bottom-20 {
		display: -webkit-flex;        
		display: -ms-flexbox;     
		display: flex;
		overflow: hidden;

	}

	.teaser-bild-mittig .row.margin-bottom-20 .col-md-3.col-sm-6 {
		flex: 1;
		background: white !important;
		margin-left: 20px !important; 
		margin-right: 0px;
		padding: 0px !important;
		border: 1px solid rgb(200,200,200) !important;
	}

	.teaser-bild-mittig .row.margin-bottom-20 .col-md-3.col-sm-6:hover {
		box-shadow: 0px 0px 10px #393939 !important
	}

	.teaser-bild-mittig .row.margin-bottom-20 .col-md-3.col-sm-6:nth-child(5) {
		margin-right: 20px !important;
	}

	.teaser-bild-mittig .row.margin-bottom-20 .col-md-3.col-sm-6 > .thumbnails.thumbnail-style {
		height: auto !important;
		margin-bottom: 0px !important;
		padding: 10px;
	} 
}

@media screen and (max-width: 992px) {
	.teaser-bild-mittig .row.margin-bottom-20 .col-md-3.col-sm-6 > div.thumbnails {
		border: 1px solid rgb(200,200,200) !important;
	}
}


/* #### 6012 Inhalte ohne Bild #### */

.inhalte-ohne-bild {
	margin-bottom: 0px !important;
}

.inhalte-ohne-bild a {
	color: #dc0000 !important;
}

.inhalte-ohne-bild a:hover {
	text-decoration: underline !important;
}


/* .inhalte-ohne-bild #nodeid_e88992d3-7290-4226-a822-8765f082ca74 { */
	/* color: #dc0000 !important; */
	/* text-decoration: underline !important; */
/* } */

/* .inhalte-ohne-bild #nodeid_e88992d3-7290-4226-a822-8765f082ca74:hover { */
	/* text-decoration: none !important; */
/* } */

.inhalte-ohne-bild h1 {
	font-size: 32px !important;
	line-height: 42px !important;
	color: #393939 !important;
	font-weight: normal !important;
	margin-left: 0px !important;
	display: block !important;
	margin-top: 20px !important;
}

.inhalte-ohne-bild h2 {
	font-size: 32px !important;
	line-height: 42px !important;
	color: #dc0000 !important;
	font-weight: normal !important;
}

.inhalte-ohne-bild h3 {
	font-size: 32px !important;
	line-height: 42px !important;
	color: #393939 !important;
	text-transform: uppercase !important;
	font-weight: normal !important;
}

.inhalte-ohne-bild h4 {
	font-size: 24px !important;
	line-height: 34px !important;
	color: #393939 !important;
}

.inhalte-ohne-bild h5 {
	font-size: 24px !important;
	line-height: 34px !important;
	color: #dc0000 !important;
	font-weight: normal !important;
}

.inhalte-ohne-bild h6 {
	font-size: 18px !important;
	line-height: 28px !important;
	color: #393939 !important;
	font-weight: bold !important;
}

.inhalte-ohne-bild p {
	font-size: 16px !important;
	color: #393939 !important; 
	font-weight: normal !important;
	display: block !important;
}

.inhalte-ohne-bild ul {
	list-style: none !important;
	padding-left: 0px !important;
	margin-bottom: 10px !important;
}

.inhalte-ohne-bild ol {
	padding-left: 15px;
}
.inhalte-ohne-bild ol li {
	line-height: 24px;
}

.inhalte-ohne-bild ul,
.inhalte-ohne-bild ul li,
.inhalte-ohne-bild ol,
.inhalte-ohne-bild ol li {
	color: #393939;
	font-size: 16px !important;
	font-weight: normal !important;
}
.inhalte-ohne-bild ul li a {
	color: #dc0000 !important;	
	font-size: 16px !important;
	font-weight: normal !important;
}

.inhalte-ohne-bild ul li a:hover {
	text-decoration: underline !important;
}

.inhalte-ohne-bild ul li i {
	margin-right: 5px !important;
}


/* Unterseite */

.col-md-8.type_content > .inhalte-ohne-bild {
	background: white !important;
	padding: 20px !important;
	border-top: 10px solid #f2f2f2 ;
} 

/* #### 4520 Nachrichten Portfolio #### */

.nachrichten-portfolio .blog-info li {
	font-size: 14px !important;
	font-weight: normal !important;
}

.nachrichten-portfolio .thumbnail-style p {
	overflow: hidden !important;
	display: -webkit-box !important;
	  -webkit-line-clamp: 3 !important;
	  -webkit-box-orient: vertical !important;
	height: auto !important;
	text-overflow: ellipsis !important;
	white-space: normal !important;
	font-size: 16px;
	
}

.nachrichten-portfolio .thumbnail-style p > a {
	border: none !important;
	background: none !important;
	color: #dc0000 !important;
	font-size: 16px !important;
	text-decoration: none !important;
}

.nachrichten-portfolio .thumbnail-style p > a:hover {
	text-decoration: underline !important;
}

.nachrichten-portfolio .caption h3 {
	margin-bottom: 0px !important;
}

.nachrichten-portfolio p {
	margin: 0px !important;
}

.nachrichten-portfolio .caption h3 a,
.nachrichten-portfolio .caption h3 a:hover {
	color: #dc0000 !important;
	text-transform: initial !important;
	font-size: 24px;
	font-weight: normal;
	text-transform: none;
}

.nachrichten-portfolio .thumbnail-style p > a > i.fa-caret-right,
.fa-caret-right:before {
	color: #dc0000 !important;
}

.nachrichten-portfolio .thumbnail-style p > a > i.fa-caret-right {
	margin-left: 5px !important;
}


.nachrichten-portfolio ul.list-inline.blog-info li:first-child {
	font-size: 14px !important;
	color: #5f5f5f !important;
	font-weight: normal !important;
}

.nachrichten-portfolio .btn-u.btn-u-small {
	padding: 0px !important;
}


/* #### 8519 Veranstaltungen Portfolio #### */

.veranstaltungen-portfolio .thumbnail-style {
	background-color: white !important;
	text-align: left !important;
}

.veranstaltungen-portfolio .thumbnail-style ul li i,
.veranstaltungen-portfolio .thumbnail-style ul li span {
	color: #5f5f5f !important;
	font-size: 14px !important;
	text-transform: none !important;
	font-weight: normal !important;
	
}

.veranstaltungen-portfolio h2 {
	color: white !important;
	font-size: 28px !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
}

.veranstaltungen-portfolio .headline.comptitle a.pull-right {
	display: none !important;
}

.veranstaltungen-portfolio h3.title a {
	color: #dc0000 !important;
	font-size: 24px !important;
	line-height: 30px !important;
	font-weight: normal !important;
	text-transform: none !important;
}

.veranstaltungen-portfolio .caption .list-unstyled.list-inline.blog-info,
.veranstaltungen-portfolio .caption .list-unstyled.list-inline.blog-info li,
.veranstaltungen-portfolio .blog-info li a.modalGMap
{
	color: #5f5f5f !important;
    font-size: 14px !important;
    text-transform: none !important;
    font-weight: normal !important;
}



/* Flexibox */
@media screen and (min-width: 992px) {
	.veranstaltungen-portfolio .row.margin-bottom-20 {
		display: -webkit-flex;        
		display: -ms-flexbox;     
		display: flex;
		overflow: hidden;
	}

	.veranstaltungen-portfolio .row.margin-bottom-20 .col-md-3.col-sm-6 {
		flex: 1;
		background: white !important;
		margin-left: 20px !important; 
		margin-right: 0px;
		padding: 0px !important;
	}

	.veranstaltungen-portfolio .row.margin-bottom-20 .col-md-3.col-sm-6:nth-child(5) {
		margin-right: 20px !important;
	}

	.veranstaltungen-portfolio .row.margin-bottom-20 .col-md-3.col-sm-6 > .thumbnails.thumbnail-style {
		height: auto !important;
	} 
}






/* #### 8032 Teaser mit Checkboxen #### */


.teaser-checkbox .headline {
	display: none !important;
}

.teaser-checkbox .info {
	display: none !important;
}

.teaser-checkbox .thumbnails .caption h3 > a {
	color: #dc0000;
	font-size: 24px;
	font-weight: normal;
	text-transform: none !important;
}

.teaser-checkbox .thumbnails .caption h3 > a:hover {
	color: #dc0000;
	font-size: 24px;
	font-weight: normal;
	text-transform: none !important;
}

.teaser-checkbox .thumbnails p,
.teaser-checkbox .thumbnails p:hover {
	color: #393939;
	font-size: 16px;
	font-weight: normal;
}

.teaser-checkbox .row a.btn-more.hover-effect {
	display: none !important;
}

.teaser-checkbox .margin-bottom-20 .thumbnail-img .overflow-hidden {
	padding-left: calc(50% - 25px) !important;
}

.teaser-checkbox .margin-bottom-20 .thumbnail-style img {
	width: 50px !important;
	height: 50px !important;
}

.teaser-checkbox .margin-bottom-20 .thumbnail-style .thumbnail-img {
	width: 100% !important;
}

.teaser-checkbox .margin-bottom-20 .thumbnail-style {
	text-align: center !important;
}

.teaser-checkbox .margin-bottom-20 .thumbnail-style {
	background-color: transparent !important;
}




/* #### 0508 Bildgalerie #### */

.bildergalerie-startseite .row.margin-bottom-20 div {
	padding: 10px !important;
}

.bildergalerie-startseite .row.margin-bottom-20 {
	margin-left: 0px !important;
	margin-right: 0px !important;
	width: 100% !important;
}

.bildergalerie-startseite div.col-md-12.type_content {
	padding: 0px !important;
}

.imagegallery .overlay-zoom .zoom-icon {
	background-color: #dc0000 !important;
}


/* 2502 Map*/

.htmlcode iframe {
	width: 100% !important;
}

#fd940a3765a2578df99135395269d164 section:nth-child(7) .content.container div.col-md-6.type_content:first-child {
	padding-left: 0px !important;
}



/* #### 9014 Kontakt ohne Bild #### */ 


/* CSS Vorlage: wie h3 */
.kontakt-ohne-bild li.addresscompany {
	font-size: 24px !important;
	font-weight: normal !important;
	color: #dc0000 !important;
	/*color: blue !important;*/
	line-height: 30px !important;
}

.kontakt-ohne-bild li,
.kontakt-ohne-bild li a {
	font-size: 24px !important;
	font-weight: normal !important;
	color: #393939 !important;
}

/* CSS Vorlage: Info-txt */
.kontakt-ohne-bild span.addresslabel.address-block-2,
.kontakt-ohne-bild span.phone1,
.kontakt-ohne-bild span.mail  {
	padding-left: 20px !important;
	width: 100% !important;
	color: #5f5f5f !important;
	font-size: 14px !important;
	font-weight: normal !important;
}


.kontakt-ohne-bild span.addresscompany {
	display: none !important;
}

.kontakt-ohne-bild li {
	margin-bottom: 20px !important;
}

.kontakt-ohne-bild span.addresslabel.address-block-2 {
	margin-right: 100% !important;
}




