/*######################################################################################################################*/
/* Hier folgt das Spezial-CSS für die Newsticker Funktion                                                               */
/* Dies ist nötig, weil diverse Links aus dem Newstool auf eine falsch formatierte Seite führen                         */
/*######################################################################################################################*/

/*################## Deaktivierung der Links auf den Überschriften                     ################################ */
.newsOverviewItem .news-overview-title-link {
	color: #487a41;;
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}

.link_mode_web {
  display: none;
}

/*######################################################################################################################*/
/* Hier folgt das Standard-CSS der Website                                                                              */
/*######################################################################################################################*/
/* "Unser" Grün: #487A41                                                                                                */
/*######################################################################################################################*/
body {
	background-color: rgba(255,215,71,.06);
}

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

/*  Kein UPPERCASE im Header (text-transform: uppercase) */
#BodyContentPlaceHolder_RowMainPfarreiCtrl_frameHead1Ctrl {
    text-transform: none;
}

#BodyContentPlaceHolder_RowMainPfarreiCtrl_frameHead1Ctrl > strong:nth-child(1) > a:nth-child(1) {
	color: #487a41;
}

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

/*################## Hauptmenü ################################ */
/*  Ausblenden des "HOME" Menüeintrags */
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_liCtrl_0 {
	display: none;
}

/*  Verbreitern des Untermenüs "Kirchen" */
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_liCtrl_6 > ul:nth-child(3)  {
	min-width: 280px;
}

/*  Padding/Abstand zwischen den Menüeinträgen (Standard=20px)  */
ul.ct_nav li a {
	padding: 13px 0px 0px 20px;
}

.navbar-pfarrei ul.ct_nav > .dropdown {
	padding: 4px 0px 4px 4px;
}
/*  Padding/Abstand links erster Menüeintrag (Standard=20px) 
#BodyContentPlaceHolder_NavigationMainCtrl_NavMainRepeaterCtrl_mainAnchorCtrl_1 {
	padding: 13px 7px 0px 20px;
}*/

ul.ct_nav .dropdown-menu li a:hover {
	background-color: #35592f;
}

ul.ct_nav .dropdown-menu {
	background-color: #fff;
	border: 1px solid #487a41;
	padding-bottom: 10px;
}

ul.ct_nav .dropdown-menu > li > a {
	color: #35592f;
}

.emf-top-navi ul.navbar-nav > li > a, .emf-top-navi ul > li > a {
	color: #35592f;
}

.emf-top-navi ul.navbar-nav > li > a:hover, .emf-top-navi ul > li > a:hover {
	color: #35592f;
}

/* BEGINN: speziell für schmales Menü untereinander (z.B. Handy) */
@media (max-width: 1200px) {
ul.ct_nav li {
	background-color:rgba(72,122,65,.2);
	color: #487a41;
	}
}		

.btn.btn-icon-btn {
	border: 1px solid #487a41;
}
/* ENDE: speziell für schmales Menü untereinander (z.B. Handy) */

/*################## 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 */
.tiles-grid .tile-item .tile-content {
	color: #000000;
}
/* Schrift, Hintergrundfarbe, Linkfarben Kacheln Overlay */
.tiles-grid .tile-item .overlay {
	color: #ffffff;
	background-color: #487a41;
}
.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: rgba(72,122,65,.8);
}

.media-slider .nav-btn:hover {
	color: #487a41;
}

.media-slider .slick-dots li.slick-active button::before {
	color: #487a41;
	background-color: #487a41;
}

.tiles-grid .has-image .main-layer-view .sub-title {
	background-color: #487a41;
	color: #FFFFFF;
}

/* Hintergrund/Ränder für Youtube Player in Kachel, Farbcode für Kachel unten rechts */
.slide-item .youtube-uc-blocker {
    background: #ccd154;
}

/*################## Trennlinien ################################ */
.r2_text_separatingLine.normal {
    border-bottom: 1px dotted #487A41;	
}

.r2_text_separatingLine.thick {
	border-bottom: 5px solid #487A41;	
}

/*################## Nachrichtenboxen ################################ */
.ct_box {
	background-color: rgba(72,122,65,.05);

}

/*################## Farbe und Weight der Links ################################ */
a, a:visited, a:hover {
	color: #487a41;
	font-weight: bold;
}

a.struct, a.web, a.file, a.mail, a.r2_link is-ga-trigger {
	color: #487a41;
	font-weight: bold;
}

/* Für Überschriften mit Link */
.anchor-no-style:link {
	font-weight: inherit;
}
.anchor-no-style {
	font-weight: inherit;
}

/*################## Fußzeile ################################ */
.ct_footer a, .ct_footer li a {
	color: #487a41;
	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: #487a41;
}

.emf-form .form-control {
	border: 1px solid #487a41;
}

.emf-form input[type="password"], .emf-form input[type="text"] {
	padding: 5px;
	background-color: rgba(72,122,65,.05);
}

.search-area .result-entry {
	margin-bottom: 10px;
	border-bottom: 1px dotted #487a41;
	padding-bottom: 6px;
}

.pagination-holder .pagination a, 
.pagination-holder .pagination a:hover, 
.pagination-holder .pagination span, 
.pagination-holder .pagination span:hover {
	color: #487a41;
}

.pagination-holder .pagination .active .page {
	color: #fff;
	font-weight: 700;
	border-color: #487a41;
	background-color: #487a41;
}

/*Farbanpassung der Info-Pics in den Suchergebnissen*/
.info-pic-item {
    filter: hue-rotate(255deg) 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: rgba(72,122,65,.05);
	border-bottom: none;
}

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

.da_quote_box .quote-container .borderbox {
    border: 1px solid #487A41;
	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: #487A41;
        text-align: right;
    }

.da_quote_box .quote-container .borderbox .quotetext {
        color: #487A41;
    }

.da_quote_box .quote-container .quote {
    color: #487A41;
    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;
}

/*################## Anpassung Audio-Link, Player-Balken  ################################ */
.mejs__container, .mejs__container .mejs__controls {
	background: #487a41;
}

/*################## 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: #487a41;
	opacity: 1;
	font-weight: bolder;
}