﻿/* CSS der Unterseite ohne Naviagtion 

rot #dc0000
dunkelgrau #393939
grau #5f5f5f
hellgrau #f2f2f2

*/

/* Tool */

/* #### 6039 inhalt-bilder-links #### */
.inhalt-bilder-links h2{
	
margin: 0;
	font-size: 21px;
    line-height: 20px;
}
.row.blog.blog-medium.margin-bottom-20.flexpagecontent.inhalt-bilder-links {
    margin: 24px 0px;
}

/* #### 6015 inhalt-bild-links #### */

.inhalt-bild-links {
	background: white !important;
}
.inhalt-bild-links h2 {
	color: #dc0000 !important;
	    padding-top: 17px;
}
.inhalt-bild-links h3 {
	font-size: 18px !important;
	color: #393939 !important;
	text-transform: uppercase !important;
}
.inhalt-bild-links {
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-bottom: 30px !important;
}
.inhalt-bild-links .col-md-2 {
	padding-left: 0px !important;
	margin-top: 5px !important;
}
.inhalt-bild-links div div > p {
	font-size: 16px;
	color: #393939;
}
.inhalt-bild-links div div > h1 {
	font-size: 32px;
	color: #393939;
	text-transform: none;
	margin: 25px 0;
}
.inhalt-bild-links div div > h2 {
	font-size: 24px;
	color: #dc0000;
	text-transform: none;
}
.inhalt-bild-links div div > h3 {
	font-size: 18px;
}
.inhalt-bild-links div div > h4 {
	font-size: 18px;
	color: #393939;
	text-transform: none;
	font-weight: bold;
}
.inhalt-bild-links div div > h5 {
	font-size: 18px;
	color: #dc0000;
	text-transform: none;
}
.inhalt-bild-links div div > h6 {
	font-size: 16px;
	color: #393939;
	text-transform: none;
	font-weight: bold;
}
.inhalt-bild-links .image-container .col-md-5 {
	padding-left: 0px !important;
}
.inhalt-bild-links ul {
	list-style: none !important;
	margin-bottom: 10px !important;
	padding-left: 0.9em !important;
	text-indent: -0.35em !important;
}

.inhalt-bild-links ol {
	padding-left: 15px;
}
.inhalt-bild-links ol li {
	line-height: 24px;
}
.inhalt-bild-links ul, .inhalt-bild-links ul li, .inhalt-bild-links ol, .inhalt-bild-links ol li {
	color: #393939;
	font-size: 16px !important;
	font-weight: normal !important;
}

.inhalt-bild-links ul li{
margin-right: 5px;
	margin-bottom: 5px;
}
.inhalt-bild-links ul li a {
	color: #dc0000 !important;
	font-size: 16px !important;
	font-weight: normal !important;
}
.inhalt-bild-links ul li a:hover {
	text-decoration: underline !important;
}
i.fa.fa-caret-right {
	margin-right: 5px !important;
	margin-top: 5px;
}
.inhalt-bild-links blockquote p {
	color: #393939 !important;
	font-style: italic !important;
	font-size: 16px !important;
	display: block;
	font-weight: normal !important;
}
.inhalt-bild-links .col-md-12 > div > p.image-container {
	min-height: 185px;
}
.inhalt-bild-links .col-md-12 > div > p.image-container .carousel.slide {
	height: 185px;
}
.inhalt-bild-links .col-md-12 > div > p.image-container .carousel.slide .carousel-inner {
	height: 185px;
}
.inhalt-bild-links .col-md-12 > div > p.image-container .carousel.slide .carousel-arrow > a, .inhalt-bild-links .col-md-12 > div > p.image-container .carousel.slide .carousel-arrow > a > i {
	background: #dc0000 !important;
}
.inhalt-bild-links .col-md-12 > div > p.image-container .carousel.slide .carousel-inner {
	text-align: left;
	background: #fff;
}
.inhalt-bild-links .col-md-12 > div > p.image-container .carousel.slide .carousel-inner .item picture, .inhalt-bild-links .col-md-12 > div > p.image-container .carousel.slide .carousel-inner .item picture img, .inhalt-bild-links .col-md-12 > div > p.image-container .carousel.slide .carousel-inner .item {
	height: 185px;
}
.inhalt-bild-links .col-md-12 > div > p.image-container .carousel.slide .carousel-inner .item picture img {
	width: auto !important;
}
.inhalt-anhang-bild-links ul li {
	color: #393939;
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	
}
/* #### 0509 Bildergalerie-Slider #### */

.bildergalerie-slider {
	background: white !important;
}
.bildergalerie-slider .carousel-arrow i {
	background: #dc0000 !important;
}
/* #### 6016 Seiteninhalt mit Anhängen Bild rechts #### */

.inhalt-anhang-bild-rechts {
	background: white !important;
	padding: 30px 0px !important;
	    margin: 0px;
}
.inhalt-anhang-bild-rechts h4 {
	font-size: 18px;
	font-weight: bold;
	color: #393939;
}
.inhalt-anhang-bild-rechts h6 {
	font-size: 16px;
	font-weight: bold;
	color: #393939;
}

.inhalt-anhang-bild-rechts h3 {
	color: #393939;
	/* text-transform: capitalize; */
	font-size: 18px;
}
.inhalt-anhang-bild-rechts h1 {
	font-size: 32px !important;
	color: #393939 !important;
	font-weight: normal !important;
	margin-left: 0px !important;
	display: block !important;
	margin-bottom: 20px;/* margin-top: 20px !important; */
}
.inhalt-anhang-bild-rechts h2 {
	color: #dc0000 !important;
	font-size: 24px !important;
	font-weight: normal !important;
	display: block;
	margin-top: 0px;
	padding-top: 17px;
}
.inhalt-anhang-bild-rechts p {
	color: #393939 !important;
	font-size: 16px;
	font-weight: normal;
	display: block;
}
.inhalt-anhang-bild-rechts .col-md-5.pull-right {
	/* float: left !important; */
	/* padding-left: 0px !important; */
	padding-top: 4.5px !important;
	padding-right: 0px !important;
}
.inhalt-anhang-bild-rechts .carousel .carousel-arrow a i {
	background: #dc0000;
}
/* Änderung Webkonzept*/
/*
.inhalt-anhang-bild-rechts .carousel.slide,
.inhalt-anhang-bild-rechts .carousel.slide .carousel-inner .item,
.inhalt-anhang-bild-rechts .carousel.slide .carousel-inner .item picture,
.inhalt-anhang-bild-rechts .carousel.slide .carousel-inner .item picture img,
.inhalt-anhang-bild-rechts .carousel.slide .carousel-inner {
	height: 185px;
                  background-color: white;
}*/

.inhalt-anhang-bild-rechts .carousel.slide, .inhalt-anhang-bild-rechts .carousel.slide .carousel-inner .item, .inhalt-anhang-bild-rechts .carousel.slide .carousel-inner .item picture, .inhalt-anhang-bild-rechts .carousel.slide .carousel-inner .item picture img, .inhalt-anhang-bild-rechts .carousel.slide .carousel-inner {
	height: auto;
	background-color: white;
	width: 100% !important;
}
/*.inhalt-anhang-bild-rechts .carousel.slide .carousel-inner .item picture img {
	width: auto !important;
}*/ 


.inhalt-anhang-bild-rechts .carousel.slide .carousel-inner .item picture img {
	width: 100%;
}
/*Änderung Ende*/

.inhalt-anhang-bild-rechts .carousel.slide .carousel-inner {
	background: #000000;
	text-align: left;
}
.inhalt-anhang-bild-rechts ul {
	list-style: none !important;
	padding-left: 0px !important;
	margin-bottom: 10px !important;
	padding-left: 0.9em !important;
	text-indent: -0.35em !important;
}

.inhalt-anhang-bild-rechts ol {
	padding-left: 15px;
}
.inhalt-anhang-bild-rechts ol li {
	line-height: 24px;
}
.inhalt-anhang-bild-rechts ul, .inhalt-anhang-bild-rechts ul li, .inhalt-anhang-bild-rechts ol, .inhalt-anhang-bild-rechts ol li {
	color: #393939;
	font-size: 16px !important;
	font-weight: normal !important;
}
.inhalt-anhang-bild-rechts ul li a {
	color: #dc0000 !important;
	font-size: 16px !important;
	font-weight: normal !important;
}
.inhalt-anhang-bild-rechts ul li a:hover {
	text-decoration: underline !important;
}
.inhalt-anhang-bild-rechts ul li i {
	margin-right: 5px !important;
}
.inhalt-anhang-bild-rechts ul li {
	color: #393939;
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	margin-right: 5px;
	margin-bottom: 5px;
}


/* #### 9016 Kontaktbox in rechter Spalte #### */

.kontakt-rechts-bild {
	background-color: white !important;
	margin-bottom: 10px;
}
.kontakt-rechts-bild h2 span {
	color: #dc0000 !important;
	font-size: 16px !important;
	font-weight: normal !important;
}
.kontakt-rechts-bild h4, .kontakt-rechts-bild ul li, .kontakt-rechts-bild ul li a {
	color: #393939 !important;
	font-size: 16px !important;
	font-weight: normal !important;
}
.kontakt-rechts-bild h4 {
	margin-bottom: 10px !important;
}
.kontakt-rechts-bild h2.title {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.kontakt-rechts-bild ul {
	margin-bottom: 0px !important;
}
.kontakt-rechts-bild .detailmetadata h4.addressdescription {
	margin-top: 0px !important;
}
.kontakt-rechts-bild .eventcontent .detailmetadata {
	padding: 20px !important;
}
/* Änderung Webkonzept*/
.kontakt-rechts-bild .eventcontent .add-image-margin {
	margin-bottom: 0px !important;
}
/* End Änderung Webkonzept*/
.kontakt-rechts-bild .detailmetadata .who .fa {
	color: #393939 !important;
}
/* #### 4020 Materialbörse Downloadbox #### */

.dokumente-rechts {
	background: white !important;
	padding-top: 20px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	padding-bottom: 10px !important;
}
.dokumente-rechts p a, .dokumente-rechts p i {
	color: #dc0000 !important;
	font-size: 16px !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
.dokumente-rechts .blockcollectioncontent p {
	position: relative;
}
.dokumente-rechts .blockcollectioncontent p a {
	display: inline;
	position: relative;
	left: 15px;
}
.dokumente-rechts .blockcollectioncontent p img {
	float: left;
	position: relative;
}
.dokumente-rechts p a:hover {
	text-decoration: underline !important;
}
/* #### 4026 FAQ Liste #### */

.faqlist {
	background: #fff;
	margin: 0px -15px;
	padding: 15px 30px;
}
.faqlist .panel-body p, .faqlist .panel-body p > a {
	font-size: 16px !important;
}
.faqlist h2 {
	color: #dc0000;
	font-size: 24px !important;
	line-height: 34px !important;
}
.faqlist .panel-title a h2 {
	font-size: 24px !important;
	line-height: 34px !important;
	color: #dc0000 !important;
}
.faqlist h3, .faqlist h3 > a {
	color: #393939 !important;
	text-transform: none !important;
	font-size: 18px !important;
}
.faqlist .panel-body ul {
	list-style: none !important;
	padding-left: 0px !important;
	margin-bottom: 10px !important;
}
.faqlist .panel-body ol {
	padding-left: 15px;
}
.faqlist .panel-body ol li {
	line-height: 24px;
}
.faqlist .panel-body ul, .faqlist .panel-body ul li, .faqlist .panel-body ol, .faqlist .panel-body ol li {
	color: #393939;
	font-size: 16px !important;
	font-weight: normal !important;
}
.faqlist .panel-body ul li a {
	color: #dc0000 !important;
	font-size: 16px !important;
	font-weight: normal !important;
}
.faqlist .panel-body ul li a:hover {
	text-decoration: underline !important;
}
.faqlist .panel-body ul li i {
	margin-right: 5px !important;
}
/* #### 5010 Bildergalerie - Sidebar #### */

.bildergalerie-rechts {
	margin-left: 2px !important;
}
.bildergalerie-rechts .row.margin-bottom-20 {
	margin-bottom: 5px;
}
.bildergalerie-rechts .row.margin-bottom-20 .col-md-6.col-sm-12 {
	padding-right: 5px !important;
	padding-left: 0px !important;
}
.bildergalerie-rechts .row.margin-bottom-20 a {
	padding: 0px !important;
	margin-top: 0px !important;
}
/* #### Unterseiten Hintergrund #### */
.wrapper {
	background-color: #f2f2f2 !important;
}
.content.container .col-md-8.type_content {
	width: 65%;
	background-color: #fff;
}
.content.container .col-md-4.type_content {
	width: 35%;
}
/* ### rechte Seite ### */

.content.container .col-md-4.type_content.col-sm-6.col-xs-12 {
	left: 30px;
}
.content.container .col-md-4.type_content.col-sm-6.col-xs-12 .flexpagecontent {
	margin: 0px !important;
}
.content.container .col-md-4.type_content.col-sm-6.col-xs-12 .flexpagecontent h3 {
	margin-top: 40px !important;
	color: #393939 !important;
	margin-bottom: 10px !important;
}
 .content.container .col-md-4.type_content.col-sm-6.col-xs-12 .flexpagecontent:nth-child(1) h3 {
 margin-top: 0px !important;
 color: #393939 !important;
}
/* #### 8520 Nachrichtenliste auf der rechten Seite #### */

hr.margin-bottom-20 {
	margin-top: 20px !important;
	margin-bottom: 40px !important;
}
.nachrichten-liste-rechts .eventcontent > p {
	display: none !important;
}
.nachrichten-liste-rechts .eventcontent h4 {
	display: none !important;
}
.nachrichten-liste-rechts .eventcontent h2 a {
	font-size: 16px !important;
	color: #dc0000 !important;
	font-weight: normal !important;
}
.nachrichten-liste-rechts .eventcontent ul.list-unstyled.list-inline.blog-info li {
	line-height: 20px !important;
}
.nachrichten-liste-rechts .eventcontent ul li span {
	text-transform: none !important;
}
.nachrichten-liste-rechts ul li, .nachrichten-liste-rechts ul li a {
	font-size: 16px !important;
	color: #393939 !important;
	font-weight: normal !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	text-transform: none !important;
}
.nachrichten-liste-rechts {
	background-color: white !important;
	padding: 20px !important;
}
.nachrichten-liste-rechts .eventcontent ul.list-unstyled.list-inline.blog-info li.event-address i {
	margin-right: 10px !important;
}
.nachrichten-liste-rechts h2 a {
	color: #dc0000 !important;
	font-size: 16px !important;
	font-weight: normal !important;
	text-decoration: none !important;
	font-family: 'Source Sans Pro', sans-serif !important;
}
.nachrichten-liste-rechts h2 a:hover {
	text-decoration: underline !important;
}
.nachrichten-liste-rechts .modalGMap:hover {
	text-decoration: none !important;
}
.nachrichten-liste-rechts .modalGMap, .nachrichten-liste-rechts .modalGMap .glyphicon-map-marker {
	font-size: 16px !important;
	color: #393939 !important;
}
/* #### 2503 htmlcode #### */

/*Änderung Webkonzept*/
/*.htmlcode {
	background: transparent;
	margin: 0px -15px;
	padding: 30px;
}*/


.htmlcode {
	background: #fff;
	padding: 0px 25px;
	margin: 0px -15px;
	font-size: 16px;
	border: 0;
}
.htmlcode iframe {
	width: 100% !important;
	border: 0;
	height:373px !important;
	padding: 0px;
	background: #f1f1f1;
}
.footer-default .htmlcode {
	padding: 0px;
}
/*End*/

.type_content.col-md-6 .htmlcode {
	margin: 0px 0 20px 0;
	padding: 0px;
}
/* #### 3520 Shariff-social-media-Leiste(Caritas) #### */
.shariff {
	background: #fff;
	margin: 0px -15px;
	padding: 15px 30px;
}
 @media screen and (max-width: 1200px) and (min-width: 991px) {
	
	/* #### 6016 Seiteninhalt mit Anhängen Bild rechts #### */
	iframe html body h1 {
 font-size: 38px !important;
 color: #393939 !important;
 font-weight: normal !important;
 margin-left: 0px !important;
 display: inline !important;
}
 .inhalt-anhang-bild-rechts h1 {
 font-size: 38px !important;
 color: #393939 !important;
 font-weight: normal !important;
		/* margin-left: -232px !important; */
		display: inline !important;
}
}
 @media screen and (max-width: 991px) and (min-width: 768px) {
	/* linke Seite */
	.content.container .col-md-8.type_content {
 width: 100% !important;
}
 iframe html body h1 {
 font-size: 38px !important;
 color: #393939 !important;
 font-weight: normal !important;
 margin-left: 0px !important;
 display: inline !important;
}
 h1 {
 margin-left: -100% !important;
}
	
	/* rechte Seite */
	.col-md-4.type_content.col-sm-6.col-xs-12 {
 width: 50% !important;
 margin-top: 50px !important;
 margin-left: 25% !important;
}
	
	
	/* #### 5010 Bildergalerie - Sidebar #### */
	
	.bildergalerie-rechts .row.margin-bottom-20 {
 margin-bottom: 0px !important;
}
 .bildergalerie-rechts .overlay-zoom {
 margin-bottom: 5px !important;
}
}
 @media screen and (max-width: 768px) {
 .col-md-4.type_content.col-sm-6.col-xs-12 {
 width: 90% !important;
 margin-top: 50px !important;
 margin-left: 5% !important;
}
 .content.container .col-md-4.type_content.col-sm-6.col-xs-12 {
 left: 0px !important;
}
 .col-md-8.type_content {
 width: 100% !important;
}
	
	
	/* ## Logo ## */
	.header .navbar-default .navbar-header .navbar-brand img {
 width: 400px !important;
}
 .header .navbar-brand {
 top: 0px !important;
}
 iframe html body h1 {
 font-size: 38px !important;
 color: #393939 !important;
 font-weight: normal !important;
 margin-left: 0px !important;
 display: inline !important;
}
 h1 {
 font-size: 38px !important;
 color: #393939 !important;  /* dunkelgrau */
 font-weight: normal !important;
 margin-left: -100% !important;
 display: inline !important;
}
	
	
	

	/* #### 5010 Bildergalerie - Sidebar #### */
	
	.bildergalerie-rechts .row.margin-bottom-20 {
 margin-bottom: 0px !important;
}
 .bildergalerie-rechts .overlay-zoom {
 margin-bottom: 5px !important;
}
}
 @media screen and (max-width: 363px) {
	
	/* #### 8520 Nachrichtenliste auf der rechten Seite #### */
	
	.nachrichten-liste-rechts .eventcontent h2 {
 top: -100px !important;
}
}
