/***********************		CSS Header
*
Website:		https://vorschau.erzbistum-muenchen.de/pfarrei/pfarrverband-hausham-agatharied
Description:	CSS Zusatzdatei für die Website. CMS incca
Version:		1.0
Author:			Severin Heigenhauser
License:		none (public domain)
*
***********************/

/***********************		Farben auf der Website
*
Dunkel-Grau		#808080
Mittel-Grau		#dcdcdc
Hell-Grau		#f5f5f5
Gelb-Grün		#99cc66
PV-HH-AG-Grün	#c8dcaf
Royal-blue		#4169e1
PV-HH-AG-blau	#91acdb
PV-HH-AG-lila	#bec8e6
Blau für Links	#337ab7
*
**********************/

/***********************		Schriften		***********************/
body {
	font-family: Open Sans, sans-serif;
}

.ct_box, .ct_box .ct_box_inner h3, .ct_container_hx2 .ct_layer1, .ct_container_hx2 .ct_layer1 a, 
ct_container_hx2 .ct_layer1 a:hover, .ct_content, .ct_content_outer h1 small, .ct_content_outer h2 small,
.ct_content h1 small, .ct_content h2 small, .ct_widecontent_outer h1 small, .ct_widecontent_outer h2 small,
.font_f11, .teaser-container-left .teaser-box .teaser-box-inner, .teaser-container-left .teaser-box .teaser-box-inner h3,
.tiles-grid .tile-item .overlay, .tiles-grid .tile-item .overlay a, .tiles-grid .tile-item .overlay a:hover {
	font-size: 17px !important;
}

h4 {
	font-size: 20px !important;
}

h3 {
	font-size: 25px !important;
}

h2 {
	font-size: 27px !important;
}

h1 {
/*	font-family: "Playfair Display"; */
	font-size: 30px !important;
}

/***********************	Medium Monitorgroessen bis 768px		***********************/
@media (max-width: 767px) {
ul.ct_nav li {
	background-color: #f5f5f5;
}

/*
.navbar-collapse {
	border: 1px dotted #dcdcdc;
}*/
}

/***********************	Medium Monitorgroessen bis 1200px		***********************/
@media (max-width: 1199px) {

/* Logo bei mobile Links und klein */
.ct_header_text {
	margin-left: 0px;
	padding-left: 60px;
	background: transparent url(/cms-media/media-60999601.jpg) 0 5px no-repeat;
	background-size: 42px;
}

.navbar-collapse {
	padding-top: 10px !important;
}
}

/***********************	Medium Monitorgroessen ab 768px		***********************/
@media (min-width: 768px) {

/** Website Breite **/
.container {
	width: 95%;
	max-width: 1500px;
}

/** Dropdown Schriftgroesse **/
ul.ct_nav {
	font-weight: 400;
	font-size: 20px;
}
}

/***********************	Medium Monitorgroessen ab 1200px		***********************/
@media (min-width: 1200px) {

/** Logo rechts **/
.row.rowMain .ct_header_text:after {
	content: " ";
	height: 60px;
	width: 350px;
	background: transparent url(/cms-media/media-61317102.png) 0 5px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}​​

/** Adressschrift im Logo mittig **/
#MasterForm > div.ct_page.pfarrei.wide > div > div.row.rowMain > div.col-xs-12.col-lg-8.col-print-100 > div {
	text-align: center;
}

/** Adressschrift im Logo mittig **/
#MasterForm > div.ct_page.pfarrei.wide > div > div.row.rowMain > div.col-xs-12.col-lg-8.col-print-100 > div {
    text-align: center;
}

/** Hauptmenue zentriert **/
#navbar-main > ul {
	margin-left: 0px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
}

/***********************	Drop Down Hauptmenue		***********************/
/** Dropdown **/
ul.ct_nav .dropdown-menu {
	background-color: #ffffff;
	border: 1px dotted #dcdcdc;
	box-shadow: none !important;
}

/** Dropdown MouseOver **/
ul.ct_nav .dropdown-menu li a:hover {
	background-color: #ffffff;
	text-decoration: underline;
	color:#000000;
}

/***********************	Schriftfarbe Haupmenue Dropdown
*
ul.ct_nav .dropdown-menu > li > a {color: #000000;}

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

.emf-top-navi ul.navbar-nav > li > a:hover, .emf-top-navi ul > li > a:hover {color: #000000;}
*
**********************/

/***********************	Formatierung Kacheln		***********************/
/** Abstand zwischen den Kacheln **/
.tiles-grid .tile-holder {
	padding: 5px 5px 5px 5px;
}

/** Design innherhalb der Kacheln **/
.tiles-grid .tile-item {
	font-family: Open Sans, sans-serif;
	color: #000000;
	border: 0px solid #ffffff;
	padding: #ffffff;
}

/** Oberer Titel in Kachel **/
.tiles-grid .has-image .main-layer-view .main-title {
	text-shadow: 0px 0px #000000;
}

/** unterer Titel in Kachel **/
.tiles-grid .has-image .main-layer-view .sub-title {
	font-size: 20px;
	background-color: #F5F5F5E6;
	color: #000000;
}

/***********************	Überschrift		***********************/
/** Überschrift grau hintelegt **/
#BodyContentPlaceHolder_ContentHolder > div > h2 {
	background-color: #dcdcdc;
	padding: 10px;
}

/** Überschrift Zentriert
*
#BodyContentPlaceHolder_ContentHolder > div > h2 {text-align: center;}
*
#BodyContentPlaceHolder_ContentHolder > div > h1 {text-align: center;}
*
*/

/***********************	Tabelle		***********************/
/** Tabellen Body **/
.r2_table table.table_with_border {
	background-color: #f5f5f5;
	border: 1px dotted #dcdcdc;
	padding: 20px;
}

/** Strich zwischen Zeilen **/
.r2_table table.table_with_border tr td, .r2_table table.table_with_border tr th {
	border-bottom: 1px solid #91acdb;
}

/***********************	News-Teaser		***********************/
/** News-Teaser Body **/
blockquote {
	font-size: 18px !important;
	padding-left: 30px;
	border-left: 5px solid #808080;
}

/***********************	Veranstaltungssuche		***********************/
/** Gottesdienstsuche **/
.search-area {
	padding: 20px 20px 20px 20px;
	border: 5px dotted #dcdcdc;
}

/** Suchbutton **/
.emf-form button, .btn.btn-primary, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:visited {
    color: #fff;
    background-color: #c8dcaf;
}

/** Schriftzug bei Suche - Erweiterte Suche **/
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover, .btn-link:visited {
    color: #dcdcdc;
}

/** Rahmen um Suchfeld **/
.emf-form .form-control {
	border: 1px solid #dcdcdc;
}

/** Suchfelder
*
.emf-form input[type="password"], .emf-form input[type="text"] {
	padding: 5px;
	background-color: #dcdcdc;
}
*
*/

/** Strich zwischen den Zeilen **/
.search-area .result-entry {
	margin-bottom: 10px;
	border-bottom: 1px dotted #dcdcdc;
	padding-bottom: 6px;
}

/** Hintergrundfarbe Seitenzahlen **/
.pagination-holder .pagination .active .page {
	color: #fff;
	font-weight: 700;
	border-color: #000000;
	background-color: #000000;
}

/** Farbanpassung der Info-Pics in den Suchergebnissen **/
.info-pic-item {
	filter: grayscale(100%);
}

/***********************	Newsübersicht		***********************/
/** Newsübersicht Suchfeld **/
.news-archiv-form {
	padding: 20px 20px 20px 20px;
	background-color: #f5f5f5;
}

/** Überschriften der Items in Newsübersicht **/
.news-overview-title-link {
	color: #337ab7 !important;
}

/***********************	zwei Spalten		***********************/
/** Abstand bei zwei Spalten **/
.cnt-holder {
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-left: 5px;
}

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

.r2_text_separatingLine.thick {border-bottom: 3px solid #808080;}

/***********************	Bilder		***********************/
/** Vergröserungszeichen der Bilder **/
.magnify-image-icon ::before {
	color:  #808080;
}

.modal-dialog {
	max-width: 1500px;
}

.img-subtitle-text {
	font-size: 14px;
}

/***********************	Nachrichtenboxen		***********************/
.ct_box .ct_box_inner {
	background-color: #f5f5f5;
	padding: 20px 10px 10px !important;
}

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

.da_quote_box .quote-container .borderbox {
	border: 1px solid #000000;
	border-radius: 8px;
	padding: 52px 100px 5px;
}

.da_quote_box .quote-container .borderbox .quote-headline {
	color: #000000;
}

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

.da_quote_box .quote-container .quote {
	color: #000000;
	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 Farben Social Media		***********************/
.social-media-box {
	filter: grayscale(100%);
}

/***********************	News 25% auf rechte Seite		***********************/
/** #BodyContentPlaceHolder_NewsHolder > div {
	float: right;
	width: 100%;
}
*
*/