/* PV Grün    = 153,187,128 = #99BB80
   dunkel     = 125,153,105 = #7D9969
   hell       = 182,222,152 = #B6DE98
*/

:root {
  --normal:   #99BB80;
  --normal50: #99BB8080;
  --normal80: #99BB80cc;
  --dunkel:   #7D9969;
  --dunkel80: #7D9969cc;
  --hell:     #B6DE98;
  --hell50:   #B6DE9880;
}
body {
/*	background-color: rgba(--hell50); */
}

/*################## Logo in Header-Zeile ################################ */
/*Pfad und Name Logo anpassen*/
/*
.ct_header_text {
    margin-left: -30px;
    padding-left: 50px;
    background: transparent url(/cms-media/media-51038802.png) 0 5px no-repeat; 
}
*/
/*  Kein UPPERCASE im Header (text-transform: uppercase) */
/*
#BodyContentPlaceHolder_RowMainPfarreiCtrl_frameHead1Ctrl {
    text-transform: none;
}
*/

@media (max-width: 1200px) {
  .ct_header_text {
	margin-left: 0;
  }
}

/*################## Drop Down Hauptmenue ################################ */
/*  Ausblenden des "HOME" Menue Eintrags */
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_liCtrl_0 {
	display: none;
}

.navbar-pfarrei ul.ct_nav > .dropdown {
	padding: 4px 0px 4px 4px;
}

/* Schriftfarbe Hauptmenü Dropdown MouseOver */
ul.ct_nav .dropdown-menu li a:hover {
	background-color: var(--normal);
}

ul.ct_nav .dropdown-menu {
	background-color: #fff;
	border: 1px solid var(--dunkel);
	padding-bottom: 10px;
}

/* Schriftfarbe Hauptmenü Dropdown */
ul.ct_nav .dropdown-menu > li > a {
	color: var(--dunkel);
}

.emf-top-navi ul.navbar-nav > li > a, .emf-top-navi ul > li > a {
/*	color: var(--normal);*/
	color: var(--dunkel);
}

.emf-top-navi ul.navbar-nav > li > a:hover, .emf-top-navi ul > li > a:hover {
	color: var(--normal);
}


/* ########################################### Navigation links #################### */
/* Hintergrund-Farbe linke Spalte */
#ct_calc1_left {
	background-color: var(--hell);
}
/* Navigation links Hintergrundfarbe */
.ct_nav_left {
	background-color: var(--hell);
}
/* Navigation links Schriftfarbe Ãœberschrift */
.ct_nav_left li a {
	color: #000000;
}
/* Navigation links Schriftfarbe  */
.navbar-default .navbar-nav.ct_nav_left > li > a {
	color: #000000;
}
/*.navbar-default .navbar-nav.ct_nav_left > li > a.current {
  color: var(--normal);
}*/
/* Navigation links Schriftfarbe Ebene1 Mouse Over */
.ct_nav_left li a:hover {
	color: var(--dunkel) !important;
}
 @media (max-width: 767px) {
.ct_nav_left li a:hover {
	color: var(--dunkel) !important;
}
}
.ct_nav_left li a:active {
	color: var(--normal) !important;
}
@media (max-width: 767px) {
.ct_nav_left li a:active {
	color: var(--normal) !important;
}
}
.ct_nav_left li a:focus {
	color: var(--normal) !important;
}
@media (max-width: 767px) {
.ct_nav_left li a:focus {
	color: var(--hell) !important;
}
}

/* Navigation links Hintergrundfarbe Ebene 2 */
.ct_nav_left li.active {
	background-color: var(--normal);
	border-top: var(--normal) solid 4px;
}
/* Navigation links  Ebene 2 Schriftfarbe */
.ct_nav_left li.active a {
	color: #000000 !important;
}
/* Navigation links Ebene 2 Schriftfarbe MouseOver */
.ct_nav_left li.active a:hover {
	color: var(--dunkel) !important;
}

/* Navigation links  Ebene 3 Schriftfarbe */
.ct_nav_left li li.active li a {
	color: #000000 !important;
}
/* Navigation links Ebene 3 Schriftfarbe MouseOver */
.ct_nav_left li li.active a:hover {
	color: var(--dunkel) !important;
}

/* Navigation links Ebene 4 Schriftfarbe */
.ct_nav_left li li li.active li a {
	color: #000000 !important;
}
/* Navigation links Ebene 4 Schriftfarbe MouseOver */
.ct_nav_left li li li.active a:hover {
	color: var(--dunkel) !important;
}
/* Navigation links Ebene 5 Schriftfarbe */
.ct_nav_left li li li li.active li a {
	color: #000000 !important;
}
/* Navigation links Ebene 5 Schriftfarbe MouseOver */
.ct_nav_left li li li li.active a:hover {
	color: var(--dunkel) !important;
}

/****** responsives Menü ****/
/* Schrift-Farbe Titel Responsive Menü */
#ct_calc1_left .navbar-header-title-responsive {
	color: #000000;
}
 @media (max-width: 767px) {
/* Hintergrundfarbe Titel Responsive Menü */  
#ct_calc1_left .navbar-header {
	background-color: var(--hell);
}
/* Pfeil und Border Responsive Button */    
#ct_calc1_left .navbar-toggle {
/*	border-color: var(--dunkel) !important; 
	color: var(--normal); test */

	color: #000000;
	border-color: #000000;
}

/* Hintergrundfarbe Responsive Menü */
/*
.ct_nav_left {
	background-color: var(--hell) !important;
}
*/
/* Hintergrundfarbe Responsive Menü Ebene 2 */     
.ct_nav_left li.active {
/*	background-color: var(--normal); */
	border-top: var(--normal) solid 4px;
}
/* Schriftfarbe Responsive Menü */    
.navbar-default .navbar-nav.ct_nav_left > li > a {
	color: #000000;
}

/* Navigation links  Ebene 2 Schriftfarbe */
.ct_nav_left li.active a {
	color: #000000 !important;
}
/* Navigation links Ebene 2 Schriftfarbe MouseOver */
.ct_nav_left li.active a:hover {
	color: var(--dunkel) !important;
}

/* Navigation links  Ebene 3 Schriftfarbe */
.ct_nav_left li li.active li a {
	color: #000000 !important;
}
/* Navigation links Ebene 3 Schriftfarbe MouseOver */
.ct_nav_left li li.active a:hover {
	color: var(--dunkel) !important;
}
/* Navigation links Ebene 4 Schriftfarbe */
.ct_nav_left li li li.active li a {
	color: #000000 !important;
}
/* Navigation links Ebene 4 Schriftfarbe MouseOver */
.ct_nav_left li li li.active a:hover {
	color: var(--dunkel) !important;
}
/* Navigation links Ebene 5 Schriftfarbe */
.ct_nav_left li li li li.active li a {
	color: #000000 !important;
}
/* Navigation links Ebene 5 Schriftfarbe MouseOver */
.ct_nav_left li li li li.active a:hover {
	color: var(--dunkel) !important;
}
}


/*################## Formatierung Kacheln ################################ */
.tiles-grid .tile-item {
	color: #000000;
	border: 0px solid #000000;
	text-shadow: 0px 0px #FF0000;
	text-align: center;
}

.tiles-grid .has-image .main-layer-view .main-title {
	text-shadow: 0px 0px #FFFFFF;
}

/* Schrift und Schattenfarbe Kacheln */

/* Schrift, Hintergrundfarbe, Linkfarben Kacheln Overlay */
.tiles-grid .tile-item .overlay {
	color: #000000;
/*	color: #ffffff; */
	background-color: var(--normal);
}

.tiles-grid .has-image .main-layer-view .main-title {
	color: #000000;
}

.tiles-grid .tile-item .text-content .title-background {
    position: absolute;
    padding: 12px 42px 24px;
    bottom: 0;
    left: 0;
    min-height: 85px;
    width: 100%;
    background-color: var(--dunkel);
/*    background-color: var(--normal80); */
}

.media-slider .nav-btn:hover {
	color: var(--normal);
}

.media-slider .slick-dots li.slick-active button::before {
	color: var(--normal);
	background-color: var(--normal);
}

.tiles-grid .has-image .main-layer-view .sub-title {
	background-color: var(--normal);
	color: #000000;
/*	color: #FFFFFF; */
}

/* Hintergrund/Raender fuer Youtube Player in Kachel, Farbcode fuer Kachel ohne Inhalt */
.slide-item .youtube-uc-blocker {
    background: var(--hell);
}

/*################## Trennlinien ################################ */
.r2_text_separatingLine.normal {
    border-bottom: 1px dotted var(--normal);	
}

.r2_text_separatingLine.thick {
	border-bottom: 5px solid var(--normal);	
}

/*################## Nachrichtenboxen ################################ */
.ct_box {
	background-color: var(--normal50);

}

.newsOverviewItem .news-overview-title-link {
	color: var(--dunkel);
}
.glyphicon {
	color: var(--dunkel);
}


/*################## Farbe und Weight der Links ################################ */
a, a:visited, a:hover {
	color: var(--dunkel);
	font-weight: bold;
}

a.struct, a.web, a.file, a.mail, a.r2_link is-ga-trigger {
	color: var(--dunkel);
	font-weight: bold;
}

/* Fuer Ueberschriften mit Link */
.anchor-no-style:link {
	font-weight: inherit;
}
.anchor-no-style {
	font-weight: inherit;
}

/*################## Fusszeile ################################ */
.ct_footer a, .ct_footer li a {
	color: var(--dunkel);
	font-weight: normal;
}

/*################## Suchfunktion/Input Felder/Suchergebnisse  ################################ */
.emf-form button, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:visited {
    color: #fff;
    background-color: var(--dunkel);
}

.btn {
    background-color: var(--hell);
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover, .btn-link:visited {
    color: var(--dunkel);
}

.emf-form .form-control {
	border: 1px solid var(--normal);
}

.emf-form input[type="password"], .emf-form input[type="text"] {
	padding: 5px;
	background-color: var(--normal50);
}

.search-area .result-entry {
	margin-bottom: 10px;
	border-bottom: 1px dotted var(--normal);
	padding-bottom: 6px;
}

.pagination-holder .pagination a, 
.pagination-holder .pagination a:hover, 
.pagination-holder .pagination span, 
.pagination-holder .pagination span:hover {
	color: var(--normal);
}

.pagination-holder .pagination .active .page {
	color: #fff;
	font-weight: 700;
	border-color: var(--normal);
	background-color: var(--normal);
}

/*Farbanpassung der Info-Pics in den Suchergebnissen*/
.info-pic-item {
    filter: hue-rotate(220deg) brightness(80%);
}

/*################## Tabellen mit alternierenden Zeilenfarben  ################################ */

.r2_table table.table_with_background thead > tr, .r2_table table.table_with_background tr:nth-of-type(2n) {
	background-color: var(--normal50);
	border-bottom: none;
}

/*################## Anpassung Zitatbox  ################################ */
.da_quote_box .quote-container .quote-circle {
    border: 1px solid  var(--normal);
	border-radius: 50%;
    width: 50px;
    height: 50px;
    position: relative;
}

.da_quote_box .quote-container .borderbox {
    border: 1px solid  var(--normal);
	border-radius: 8px;
    padding: 52px 100px 5px;
}

/* Strich links von der Quellenangabe entfernen, rechtsbündig setzen*/
.da_quote_box .quote-container .borderbox .quote-headline {
        border-left: 0px solid transparent;
        color:  var(--normal);
        text-align: right;
    }

.da_quote_box .quote-container .borderbox .quotetext {
        color:  var(--normal);
    }

.da_quote_box .quote-container .quote {
    color:  var(--normal);
    font-size: 70px;
}

.da_quote_box .quote-container .quote-top {
    padding-left: 5px;
    padding-right: 5px;
}

.da_quote_box .quote-container .quote-container {
    top: -25px;
}

/*################## Accordeon icon close + open #################### */
.accordion .ind-open, .accordion .ind-close {
    color: var(--normal)
}

/*################## Anpassung Audio-Link, Player-Balken  ################################ */
.mejs__container, .mejs__container .mejs__controls {
	background:  var(--normal);
}

/*################## Bildunterschrift  ################################ */
.r2_text_flowtext .img-subtitle, .img-subtitle {
    background-color: #FFFFFF;
	text-align: center;
	line-height: 2rem;
}

/*################## Anpassung Fotogalerie  ################################ */
/*
.slick-next::before {
    content: "â–º";
}

.slick-prev::before {
    content: "â—„";
}
*/


.slick-next::before, .slick-prev::before {
	font-family: false;
	font-size: 30px;
	line-height: 1;
	color:  var(--normal);
	opacity: 1;
	font-weight: bolder;
}


/*################## Anpassung Farben Social Media ########################## */

.social-media-box {
    filter: hue-rotate(220deg) brightness(80%);
}


.tiles-grid .tile-item .overlay a, .tiles-grid .tile-item .overlay a:hover {
  color: black;
}

.newsOverviewItem .moreLink .fa, .newsOverviewItem .moreLink .glyphicon {
  color: var(--dunkel);
}