/* ############## Kopfgraphik ####################### */
.ct_header_text {
    margin-left: -85px;
padding-left: 160px;
background: transparent url(cms-media/media-43907301.jpg) 0 5px no-repeat; /*Pfad und Name Logo anpassen*/
}

/* Links Standardfarbe */

a {
	color: #50a28c;
}
a:hover {
	color: #9c2f42; /* MouseOver*/
}
a:active, a:focus {
	color: #9c2f42;
}
a:visited {
	color: #50a28c; /* besuchte */
}
body {
	background-color: #f0f0f0; /*Seitenhintergrundfarbe*/
	color: #50a28c; /*Standardtextfarbe*/
}

/* ############## Hauptnavigation ####################### */

/* Textfarbe Menü responsive geöffnet, aktive */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a:hover {
	color: #50a28c;
}
/* Textfarbe Haupt-Menü */
.navbar-default .navbar-nav > li > a {
	color: #50a28c;
}
/* Textfarbe Haupt-Menü Mouse Over */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #9c2f42;
}

/* ###################### Hauptmenü Dropdown ########################### */
/* Hintergrundfarbe Hauptmenü Dropdown */
.navbar-pfarrei ul.ct_nav .dropdown-menu {
	background-color: #a7d6c9;
}
/* Schriftfarbe Hauptmenü Dropdown */
.navbar-pfarrei ul.ct_nav .dropdown-menu > li > a {
	color: #50a28c;
}
/* Schriftfarbe Hauptmenü Dropdown MouseOver */
.navbar-pfarrei ul.ct_nav .dropdown-menu > li > a:hover {
	color: #9c2f42;
}
/* Schriftfarbe Hauptmenü Dropdown Aktiv */
.navbar-pfarrei ul.ct_nav .dropdown-menu > li > a:active {
	color: #9c2f42;
}



@media (max-width: 767px) {
.navbar-default .navbar-nav.ct_nav_left > li > a {
	color: #004b9d;
}
}
/* ########################################### Navigation links #################### */
/* Hintergrund-Farbe linke Spalte */
#ct_calc1_left {
	background-color: #004b9d;
}
/* Navigation links Hintergrundfarbe */
.ct_nav_left {
	background-color: #004b9d;
}
/* Navigation links Schriftfarbe Überschrift */
.ct_nav_left li a {
	color: #fff;
}
/* Navigation links Schriftfarbe  */
.navbar-default .navbar-nav.ct_nav_left > li > a {
	color: #fff;
}
/*.navbar-default .navbar-nav.ct_nav_left > li > a.current {
  color: #9c2f42;
}*/
/* Navigation links Schriftfarbe Ebene1 Mouse Over */
.ct_nav_left li a:hover {
	color: #9c2f42 !important;
}
 @media (max-width: 767px) {
.ct_nav_left li a:hover {
	color: #9c2f42 !important;
}
}
.ct_nav_left li a:active {
	color: #bd98aa !important;
}
@media (max-width: 767px) {
.ct_nav_left li a:active {
	color: #9c2f42 !important;
}
}
.ct_nav_left li a:focus {
	color: #bd98aa !important;
}
@media (max-width: 767px) {
.ct_nav_left li a:focus {
	color: #9c2f42 !important;
}
}
/* Navigation links Hintergrundfarbe Ebene 2 */
.ct_nav_left li.active {
	background-color: #f0f0f0;   /* ############################################### Änderung ######################################## */
	border-top: #f0f0f0 solid 4px; /* 1te ############################################### Änderung ######################################## */
}
/* Navigation links  Ebene 2 Schriftfarbe */
.ct_nav_left li.active a {
	color: #004b9d !important; /* ############################################### Änderung ######################################## */
}
/* Navigation links Ebene 2 Schriftfarbe MouseOver */
.ct_nav_left li.active a:hover {
	color: #004b9d !important;  /* ############################################### Änderung Hover keine Farbänderung ######################################## */
}
/* ############################################### Änderung zusätzlich eingefügt Farbe aktiver Menüpunkt ######################################## */
.ct_nav_left li li.active a {
    color: #004b9d !important;
}

/* Navigation links  Ebene 3 Schriftfarbe */
.ct_nav_left li li.active li a {
	color: #50a28c !important;
}
/* Navigation links Ebene 3 Schriftfarbe MouseOver */
.ct_nav_left li li.active a:hover {
	color: #004b9d !important; /* 2te ############################################### Änderung Hover Active keine Farbänderung ######################################## */
}
/* Navigation links Ebene 4 Schriftfarbe */
.ct_nav_left li li li.active li a {
	color: #fff !important;
}
/* Navigation links Ebene 4 Schriftfarbe MouseOver */
.ct_nav_left li li li.active a:hover {
	color: #9c2f42 !important;
}
/* Navigation links Ebene 5 Schriftfarbe */
.ct_nav_left li li li li.active li a {
	color: #9c2f42 !important;
}
/* Navigation links Ebene 5 Schriftfarbe MouseOver */
.ct_nav_left li li li li.active a:hover {
	color: #9c2f42 !important;
}
/* Schrift-Farbe Titel Responsive Menü */
#ct_calc1_left .navbar-header-title-responsive {
	color: #50a28c;
}
 @media (max-width: 767px) {
/* Hintergrundfarbe Titel Responsive Menü */  
#ct_calc1_left .navbar-header {
	background-color: #a7d6c9;
}
/* Pfeil und Border Responsive Button */    
#ct_calc1_left .navbar-toggle {
	border-color: #f0f0f0 !important;
	color: #50a28c;
}
/* Hintergrundfarbe Responsive Menü */    
.ct_nav_left {
	background-color: #f0f0f0 !important;/*color: #50a28c;*/
}
/* Hintergrundfarbe Responsive Menü Ebene 2 */     
.ct_nav_left li.active {
	background-color: #cce6f1;
	border-top: #cce6f1 solid 4px;
}
/* Schriftfarbe Responsive Menü */    
.navbar-default .navbar-nav.ct_nav_left > li > a {
	color: #50a28c;
}
/* Navigation links  Ebene 2 Schriftfarbe */
.ct_nav_left li.active a {
	color: #50a28c !important;
}
/* Navigation links Ebene 2 Schriftfarbe MouseOver */
.ct_nav_left li.active a:hover {
	color: #9c2f42 !important;
}
/* Navigation links  Ebene 3 Schriftfarbe */
.ct_nav_left li li.active li a {
	color: #50a28c !important;
}
/* Navigation links Ebene 3 Schriftfarbe MouseOver */
.ct_nav_left li li.active a:hover {
	color: #9c2f42 !important;
}
/* Navigation links Ebene 4 Schriftfarbe */
.ct_nav_left li li li.active li a {
	color: #fff !important;
}
/* Navigation links Ebene 4 Schriftfarbe MouseOver */
.ct_nav_left li li li.active a:hover {
	color: #9c2f42 !important;
}
/* Navigation links Ebene 5 Schriftfarbe */
.ct_nav_left li li li li.active li a {
	color: #9c2f42 !important;
}
/* Navigation links Ebene 5 Schriftfarbe MouseOver */
.ct_nav_left li li li li.active a:hover {
	color: #9c2f42 !important;
}
}

/* ########################################### Hintergrund-Farbe #################### */
body {
  background-color: #ffffff; /*Seitenhintergrundfarbe*/
  color: #000000; /*Standardtextfarbe*/
}

.btn {
  background-color: #f0f0f0;
}


/* ########################################### Content Bereich #################### */

/* Hintergrund-Farbe Content*/
.ct_content {
	background-color: #f0f0f0;
}
/* Headline-Farbe Content */
.ct_content_outer h1, .ct_widecontent_outer h1, .ct_content h1, .ct_content_outer h2, .ct_widecontent_outer h2, .ct_content h2 {
	color: #000000;
}
/* Headline-Farbe Content */
.ct_content_outer h1 small, .ct_widecontent_outer h1 small, .ct_content h1 small, .ct_content_outer h2 small, .ct_widecontent_outer h2 small, .ct_content h2 small {
	color: #000000;
}
/* Link-Farbe Content */
.ct_content_outer a, .ct_widecontent_outer a, .ct_content a {
	color: #9c2f42;
}
/* Farben für Seiten Navigation Content  z.B. < 1 2 3 4 > */
.pagination-holder .pagination a, .pagination-holder .pagination a:hover, .pagination-holder .pagination span, .pagination-holder .pagination span:hover {
	color: #50a28c;
}
.pagination-holder .pagination .active .page {
	border-color: #50a28c;
	background-color: #50a28c;
}
.pagination-holder.slim .pagination a, .pagination-holder.slim .pagination a:hover, .pagination-holder.slim .pagination span, .pagination-holder.slim .pagination span:hover {
	color: #cce6f1;
}
.pagination-holder.slim .pagination .active .page {
	color: #cce6f1;
	border-color: #cce6f1;
}

/*################## Formatierung Kacheln ################################ */
/* Hintergrunffarbe Kacheln */
.tiles-grid .tile-item {
	background-color: #50a28c;
}
/* Schrift und Schattenfarbe Kacheln */
.tiles-grid .tile-item .tile-content {
	text-shadow: 1px 1px #666;
	color: #f0f0f0;
}
/* Schrift, Hintergrundfarbe, Linkfarben Kacheln Overlay */
.tiles-grid .tile-item .overlay {
	color: #f0f0f0;
	background-color: #50a28c;
}
.tiles-grid .tile-item .overlay .has-link:hover {
	color: #bd98aa;
}
.tiles-grid .tile-item .overlay a {
	color: #fff;
}
.tiles-grid .tile-item .overlay a:hover {
	color: #bd98aa;
}
 @media (max-width: 1200px) {
.ct_header_text {
    margin-left: 0px !important;
}
}