/********************************************************************/
/* Schriftarten												        */
/* ******************************************************************/
@font-face {
    font-family: "Open Sans";
    font-weight: 900;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-ExtraBold.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 800;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-ExtraBold.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-Bold.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-BoldItalic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-SemiBold.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-SemiBoldItalic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 500;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-Medium.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-MediumItalic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-Regular.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-Italic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 300;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-Regular.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-Italic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 200;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-Light.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-LightItalic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 100;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-Light.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/OpenSans/OpenSans-LightItalic.ttf');
}


@font-face {
    font-family: "Lora";
    font-weight: 900;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Bold.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-BoldItalic.ttf');
}

@font-face {
    font-family: "Lora";
    font-weight: 800;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Bold.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-BoldItalic.ttf');
}

@font-face {
    font-family: "Lora";
    font-weight: 700;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Bold.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-BoldItalic.ttf');
}

@font-face {
    font-family: "Lora";
    font-weight: 600;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-SemiBold.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-SemiBoldItalic.ttf');
}

@font-face {
    font-family: "Lora";
    font-weight: 500;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Medium.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-MediumItalic.ttf');
}

@font-face {
    font-family: "Lora";
    font-weight: 400;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Regular.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Italic.ttf');
}

@font-face {
    font-family: "Lora";
    font-weight: 300;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Regular.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Italic.ttf');
}

@font-face {
    font-family: "Lora";
    font-weight: 200;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Regular.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Italic.ttf');
}

@font-face {
    font-family: "Lora";
    font-weight: 100;
    src: url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Regular.ttf'),
    url('/files/Partnerlayout_Basistemplate/Fonts/Lora/Lora-Italic.ttf');
}



/********************************************************************/
/* Allgemeines Styling												*/
/* ******************************************************************/

* {
	padding: 0px;
	margin: 0px;
	color:#555555;
	font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;  
	font-size:14px;
	
	/* Silbentrennung */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	
	/* Zeilenhöhe */
	line-height:140%;	
}

header,
footer,
nav,
section,
aside,
article,
figure,
figcaption {
	display:block;
}

button,
input {
	outline: none;
}

button,
input[type="submit"] {
	background-color: lightgrey;
	padding: 2px 10px;
	bordeR: none;
}


/********************************************************************/
/* Standard HTML-Elemente 											*/
/* ******************************************************************/
a {
	text-decoration:none;	
	color:#006fc5;
}
a:hover {
	color:#006fc5;	
}

ul {
    list-style: disclosure-closed;
}


/********************************************************************/
/* Allgemeine Klassen 												*/
/********************************************************************/
.invisible {
	display:none;
}
.clear {
	clear:both;
}
.icons {
	padding-right:5px;
}
#main_content .block {
		margin-bottom:20px;
}
.image_link_lupe {
	width:30px;
	position:absolute;
	right:5px;	
	bottom:5px;
}

/* Bei Content-Elementen gibt es eine checkbox, mit der man unter der Überschrift eine Trennlinie hinzfügen kann
dies wird durch das hinzufügen einer Klasse geregelt */
h1.hl_underline,
h2.hl_underline,
h3.hl_underline,
h4.hl_underline,
h5.hl_underline,
h6.hl_underline {
	border-bottom:1px solid #BABEBE;	
	padding-bottom:10px;
}

/* Bei Elementen, die eine Überschrift enthalten (z.B. Text) bekommt das übergeordnete Element die Klasse, deshalb muss das hier nochmal für die enthaltenen Überschriften gesetzt werden */
.hl_underline h1,
.hl_underline h2,
.hl_underline h3,
.hl_underline h4,
.hl_underline h5,
.hl_underline h6 {
	border-bottom:1px solid #BABEBE;	
	padding-bottom:10px;
}


/********************************************************************/
/* Contentelement Text 												*/
/********************************************************************/
.ce_text {
	padding-right: 10px;
}
.ce_text p {
	margin-bottom:10px;
	padding-right:10px;
}
.ce_text ul, 
.ce_list ul {
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
}
.ce_text ol, 
.ce_list ol {
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
}
.ce_text a {
	background-image: url("../../../files/Kirchenkreis/Layout/Icons/arrow_right.png"); 
	background-repeat:no-repeat;
	background-position: 2px;
	padding-left:20px;
}
.ce_text a:hover {
	text-decoration:underline;	
}
.ce_text p > a > img {
	padding-left:10px;
	padding-right:10px;
}
.ce_text p > img {
	padding-left:10px;
	padding-right:10px;
}
/* Bildunterschrift */
.caption {
	position:relative;
	top:-5px;
	font-size:13px;	
}
.ce_player {
	background-color:#ffffff;
}


/********************************************************************/
/* Contentelement Tabelle 											*/
/********************************************************************/
.ce_table table {
	width:100%;
}
.ce_table td {
	padding-left:5px;
	padding-right:5px;
}
.ce_table thead th {
	padding-right:5px;
	background-color:#d4d5d3;
}
.ce_table table tr.odd {
	background-color:#d4d5d3;
}
.ce_table tfoot td.foot_0 {
	font-weight:bold;
	text-align:center;
}
.ce_table tfoot td {
	background-color:#d4d5d3;
}


/********************************************************************/
/* Contentelement Top-Link 											*/
/********************************************************************/
.ce_toplink {
	margin-top:10px;
}


/********************************************************************/
/* Contentelement Galerie 											*/
/********************************************************************/
.ce_gallery ul {
	list-style-type:none;
}
.ce_gallery ul li {
	float:left;
	margin-bottom:5px;
	margin-right:10px;
}
.ce_gallery ul li.col_first {
	clear:left;
}
.ce_gallery li {
}
.ce_gallery li.gal_elem_zaehler_0 {
	display:block;	
}


/********************************************************************/
/* Contentelement Downloads 										*/
/********************************************************************/
.ce_downloads ul {
	list-style-type:none;	
}


/********************************************************************/
/* Standard Contentelement Content-Slider 							*/
/********************************************************************/
.ce_sliderStart {
	border-bottom:1px solid #aaaaaa;
	padding-bottom:5px;
}
.content-slider {
	border-bottom:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
}


/********************************************************************/
/* Contentelement Bild 												*/
/********************************************************************/
.float_left img {
	padding-right:25px;	
	padding-bottom:5px;	
	padding-top:5px;
}
.float_right img {
	padding-left:25px;	
	padding-bottom:10px;	
}
.image_container {
    max-width: 100%;
}
.image_container a {
	background-image: none;
	position:relative;
	padding-left:0;
}
.float_right .caption {
	padding-left:25px;	
	padding-bottom:10px;	
}


/********************************************************************/
/* Contentelement Youtube 									        */
/********************************************************************/
.ce_youtube {
    padding-right: 10px;
}

.ce_youtube .youtube-iframe {
    width: 100%;
    border: 0;
    height: 295px;
}


/********************************************************************/
/* Contentelement Menü in Seite 									*/
/********************************************************************/
.ce_inpage-menu {
    overflow: hidden;
    padding: 10px 0;
	margin-bottom: 0;
}

.ce_inpage-menu a {
	margin-top: 10px;
	display: inline-block;
}


/********************************************************************/
/* Contentelement Horizontale Linie									*/
/********************************************************************/
.ce_hr {
    clear:both;
    margin-top:12px;
    margin-bottom:12px;
    color:#BABEBE;
    border-bottom: 1px solid #BABEBE;
    border-top: none;
    border-left: none;
    border-right: none;
}


/********************************************************************/
/* Font-Awesome Icons 												*/
/********************************************************************/

.phone_icon:before {
	content: '\f095';
	font-size: 17px !important;
    padding-right: 5px;
}

.fax_icon:before {
	content: '\f1ac';
	font-size: 17px !important;
    padding-right: 5px;
}

.email_icon:before {
	content: '\f0e0';
	font-size: 17px !important;
    padding-right: 5px;
}

/** TODO */
span.external_icon {
	display: none;
}

.external_icon:before {
	content: '\f14c';
	font-size: 17px !important;
    padding-right: 5px;
	display: none;
}

.whatsapp-square-icon::before {
	content: '\f40c';
	font-size: 30px !important;
	color: #25D366;
}

.facebook-square-icon::before {
	content: '\f082';
	font-size: 30px !important;
	color: #4267B2;
}

.twitter-square-icon::before {
	content: '\f081';
	font-size: 30px !important;
	color: #1DA1F2;
}

.email-square-icon::before {
	content: '\f199';
	font-size: 30px !important;
	color: #c5cace;
}

.share-square-icon::before {
	content: '\f1e1';
	font-size: 30px !important;
	color: #14171A;
}

/********************************************************************/
/* Text Klassen														*/
/********************************************************************/

p.emphasized {
	color: #333333;
	margin: 10px 0 10px 0;
	font-weight: 600;
	font-size: 15px;
}

/********************************************************************/
/* Hauptelemente 													*/
/********************************************************************/
.banner_breit {
	width:100%;
	background-color:#D4D5D3;
}
.linie_breit {
	position:relative;
	float:left;
	width:100%;
	height:1px;
	background-color:#BABEBE;	
	margin:0;
	padding:0;
}
#suche {
	height: 50px;
}
#suche .mod_search {
	position: absolute;
	right:0;
	top:10px;
	width: 280px;
	max-width: 40%;
	text-align: justify;
}

#suche .mod_search input[type="search"] {
	display: inline-block;
	width:56%;
	height: 100%;
	font-size: 17px;
	padding: 0 2%;
    margin-top:unset;
	outline: none;
}

#suche .mod_search input[type="submit"] {
	display: inline-block;
	margin-left:2%;
	width:34%;
	float: right;
	outline: none;
	background-color: lightgrey;
}

#suchergebnis .mod_search input[type="search"] {
	display: inline-block;
	font-size: 17px;
	padding: 0 2%;
	outline: none;
	background-color: lightgrey;
}

.mod_search .header {
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #BABEBE;
}
.mod_search .search_list {
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:20px;
	border-bottom:1px solid #BABEBE;
}
.mod_search .more {
	position:relative;
	top:8px;
	color:#006fc5;
	background-image: url("../../../files/Kirchenkreis/Layout/Icons/arrow_right.png"); 
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:20px;
}
#rahmen_banner {
	height:230px;
}
#content {	
}

.block_center{
	position: relative;
	width: 1000px;	
	margin: auto;
	/* verhindert ungewollte Abstände zwischen Elementen durch ein Leerzeichen */
	font-size: 0px;
}

/* Die Mod-Navigation soll auf der Startseite nicht angezeigt werden */
.startseite .mod_navigation {
	display: none;
}

/* Die Sitemap soll nicht fehlerhaft im Content angezeigt werden */
#content #sitemap {
	display: none;
}

/* Kopfbilder */
#kopfbilder_container{
	position:relative;
}
/*#kopfbilder_container img{
	position:absolute;
	z-index:1;
	height: 230px;
	min-width: 100%;
}*/

/* Dies ist wichtig, damit beim "fade"-Effekt das nächste Bild bereits angezeigt wird */
#kopfbilder_container .background-image{
	z-index: 1;
	position:absolute;
	height: 230px;
	min-width: 100%;
}
#kopfbilder_container .active{
	z-index: 3;
	position:absolute;
	height: 230px;
	min-width: 100%;
}

/* Evtl entfernen */
#logo {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
}

.logo-header {
	position:absolute;
	z-index:10;
	width: 222px;
	height: 54px;
	right: 0px;
	background-repeat: no-repeat;
}

#navi_main {
	overflow: hidden;
	position:relative;
	float: left;
	height:230px;
	z-index:1010;
	font-size: 0px;
}
#navi_main_1 {
	display: inline-block;
	height:230px;
	width:210px;
		
	background-color: rgba(31,131,192, 0.9);
	background-color: rgba(91,127,203, 0.9);
}
#navi_main_2 {
	display: inline-block;
	height:230px;
	width:220px;
		
	background-color: rgba(178,200,2, 0.9);
	background-color: rgba(177,201,1, 0.9);
}

#navi_pfad {
	position:relative;
}

/* Der Nav-Toggle wird standardmäßig ausgeblendet */
/* Der Suche-Toggle wird standardmäßig ausgeblendet */
#nav_toggle,
#search_toggle {
	display: none;
	width: 40px;
	height: 40px;
	margin: 7px 0 7px 7px;
	background-color: white;
}

#nav_toggle .fa,
#search_toggle .fa {
    color:#a5b618;
	font-size: 28px;
	margin: 8px;
}

#search_toggle .fa-search {
	font-size: 23px;
}

/* Der Subnavi-Toggle wird standardmäßig ausgeblendet */
#navi_links_toggle {
	display: none;
	margin: 5px 0;
	border: 1px solid #babebe;
}
#navi_links_toggle:hover {
	cursor: pointer;
}

#navi_links_toggle .fa {
	color:#a5b618;
	font-size: 28px;
	margin: 5px 0 8px 0;
	float: right;
}

/* Formatierung des Textes des Subnavi-Toggle */
.ce_subnavi_toggle_headline {
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 800;
	color: #333333;
	letter-spacing: 0;
	font-size: 21px;
	font-weight: 700;
	color: #a5b618;
	padding: 2px 0 2px 5%;
	margin: 0 5% 0 0;
	width: 90%;
}




/********************************************************************/
/* Hauptnavigation 													*/
/********************************************************************/
.main_navi ul {
	list-style: none;	
	padding-top:10px;
}
.main_navi ul li {
}

/* Menü Layout */
.main_navi ul li a span, 
.main_navi ul li.active {
	display:block;
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	line-height:32px;
	width:200px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

/* Ausgewählter Menüpunkt Schrift */
.main_navi li.active strong {
	color:#ffffff;
	font-size:16px;
	font-weight:700;
}

/* Aktive Menüpunkte Hover(trail ist dafür da, wenn unten ein Unterpunkt gewählt wurde) */
#navi_main_1 ul li.active,
#navi_main_1 ul li.trail, 
#navi_main_1 ul li:hover {
	background-color:#0F4EA1;
}
#navi_main_2 ul li.active, 
#navi_main_2 ul li.trail, 
#navi_main_2 ul li:hover {
	background-color:#809b02;
}


/********************************************************************/
/* Brotkrumenpfad 													*/
/********************************************************************/
#brotkrumen {
	position:relative;
	float:left;
	list-style: none;
	padding: 5px 0px;
}
#brotkrumen ul {
	padding: 5px 0px;
}
#brotkrumen ul li{
	display: inline-block;
	margin-right: 10px;
}

#brotkrumen ul li span{
	color:#b5b5b5;
	font-size:12px;
	line-height:18px;
	font-weight:600;
}

#brotkrumen  ul li a span{
	color:#b5b5b5;
	font-size:12px;
	line-height:18px;
	font-weight:600;
}
#brotkrumen ul li.first{
	display:none;
}
#brotkrumen ul li.active, 
#brotkrumen ul li.active a {
	color: #b5b5b5;
}


/********************************************************************/
/* Subnavigation (links)											*/
/********************************************************************/
#navi_links_container {
	float:left;
	position:relative;
	width:210px;
}
#navi_links {			
}
#navi_links ul {
	margin-top:18px;
	list-style-type:none;
}
#navi_links ul li {
	border-bottom:1px solid #aaaaaa;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}
#navi_links a, #navi_links span.active {
	font-weight:600;
	font-size:14px;
	line-height: 28px;
	color:#999;
	padding-left:0px;
}
#navi_links span.active {
	color:#333;
}
/* Ausblenden der zweiten Navigationsebene in der Standard-Ansicht */
#navi_links li:not(.active):not(.trail) ul.level_2 {
	display: none;
}
#navi_links a.trail,#navi_links span.forward {
	font-weight:bold;
	font-size:14px;
	color:#006fc5;
}
#navi_links ul li ul {
	margin-top:5px;
}
#navi_links ul li ul li {
	margin-left:10px;
	border-bottom:0px;
}
#submenue {
	position:relative;
	float:left;
	list-style: none;
	margin-left:10px;
	width:210px;
}


/********************************************************************/
/* Main Content 													*/
/********************************************************************/
#content_block_links {
	float:left;
	position:relative;
	width:765px;
	border-right:1px solid #BABEBE;
	min-height:300px;
}

#main_content {
	position:relative;
	left:1px;
	padding:10px;
	padding-left: 7px;
	padding-right: 0px;
	margin-left:12px;
	float:left;
	width:535px;
	border-right:1px solid #BABEBE;
}
#main_content_breit {
	position:relative;
	float:left;
	width:765px;
	border-right:1px solid #BABEBE;
}

/********************************************************************/
/* Spalte rechts 													*/
/********************************************************************/

#spalte_rechts{
	position:relative;left:-1px;
	float:left;
	width:233px;
	border-left:1px solid #BABEBE;
}

/********************************************************************/
/* Untere Navigation 												*/
/********************************************************************/
#navi_unten {
	width:100%;
	text-align:center;
	position:relative;
	height:35px;
	margin-top:15px;
	display: inline-block;
}
#navi_unten ul {
	list-style-type:none;
}

#navi_unten li {
	display: inline-block;
}
#navi_unten span, 
#navi_unten span.active {
	font-size:14px;
	line-height: 21px;
	font-weight: 400;
	margin-right:30px;
	margin-top:10px;
	color:#a3a3a3;
}
#navi_unten a.last, 
#navi_unten span.active.last {
	margin-right: 0;
}

#navi_unten strong,
#navi_unten strong.active {
	font-size:14px;
	line-height: 21px;
	font-weight: 400;
	margin-right:30px;
	margin-top:10px;
	color:#a3a3a3;
}


/********************************************************************/
/* Sitemap 															*/
/********************************************************************/
.mod_sitemap ul {
	display:block;
	float:left;
	width:200px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:20px;
}


/********************************************************************/
/* Newslister														*/
/********************************************************************/
.newslister_startseite,
.newslister-startseite-begruessung-artikel {
	position:relative;
	top:1px;
	width:755px;
	padding-right: 10px;
	float:left;
	padding-bottom:10px;
	margin-top:10px;		
	border-bottom:1px solid #BABEBE;
}

.presse_newsletter {
	padding-bottom: 0px !important;
	border-bottom: 0 !important;
}

.newslister-startseite-begruessung-artikel {
	float:none;
}
.news_text_container {
	float:right;
	position:relative;
	width:530px;
	padding-bottom:10px;
}
.news_text_container_aktuelles {
	position:relative;
	float:right;
	width:300px;
	padding-bottom:10px;
}
.news_text_container_diakonie {
	position:relative;
	float:right;
	width:370px;
	padding-bottom:10px;
}
/* Überschrift */
h2, 
.newslister_startseite h2,
.newslister_diakonie h2, 
#ortsgemeinden h1, 
h1.ce_headline {
	position:relative;
	margin-bottom:12px;
	line-height:24px;
	font-weight: 700;
	font-size: 21px;
	color:#a5b618;
	text-transform: none!important;
	letter-spacing: 0px;
}
/*Größenanpassung für Aktuelles*/
.newslister_aktuelles h2 {
	font-size:16px;
}

/* Zwischenüberschrift */
h1, 
.newslister_startseite h1, 
.newslister_startseite h1 a, 
#losung_des_tages h1, 
.terminlister_kurz h2, 
h2.ce_headline,
.banner_rechts_ueberschrift,
#highlights b {
	position:relative;
	margin-bottom: 10px;
	font-size:12px;
	line-height: 16px;		
	text-transform: uppercase !important;
	font-weight: 800;
	color: #333333;
	letter-spacing: +1px;
	margin-top:2px;
}

/* Lauftext */
.teaser p,
.terminlister_kurz .terminlister_block .terminlister_titel b,
.terminlister_kurz .terminlister_block .terminlister_titel,
.terminlister_datum, 
.ce_text p  {
	font-weight: 400;
	font-size: 14px !important;
	line-height: 21px;
	margin-bottom: 10px;
	color: #333333;
}

.terminlister_kurz .terminlister_block .terminlister_titel {
	margin-bottom: 0;
}

.terminlister_kurz .terminlister_weiteres {
	margin-top: 5px;
}

.newslister_startseite p.info {
	position:absolute;
	right:0;
	top:0;
}

.newslister_startseite .image_container,
.newslister-startseite-begruessung-artikel .image_container {
	float:left;
	margin-top:5px;
	padding-right:10px;
}

/* Link: Mehr Lesen und zurück */
.news_enclosure p a, 
.news_text_container div.teaser a,
.news_text_container_aktuelles  div.teaser a, 
.news_text_container div.news_enclosure a, 
.news_text_container_aktuelles div.news_enclosure a,
.main_content a, 
.main_content_breit a, 
.terminlister_kurz_alle_termine,
.newslister_startseite a.more, 
.termine_more, 
p.back a, 
.hyperlink_txt, 
.newslister_aktuelles_weitere_meldungen a, 
.newslister_aktuelles_weitere_meldungen_2 a {
	color:#006fc5;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 10px;
	background-image: url("../../../files/Kirchenkreis/Layout/Icons/arrow_right.png");
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 20px;
}

.news_text_container div.news_enclosure img.mime_icon, 
.news_text_container_aktuelles div.news_enclosure img.mime_icon {
	display:none;
}
/* Link mit Pfeil Links */
p.back a {
	background-image: url("../../../files/Kirchenkreis/Layout/Icons/arrow_left.png"); 
}

/* Link ohne Pfeil */
.news_enclosure p a, .main_content a, .main_content_breit a {
	background: transparent; 
	padding-left: 0px;
}
.newslister_startseite a.more {
	position:relative;
	top:10px;
}

.newslister_startseite a.more:hover {
	text-decoration:underline;	
}

/* Touch-Link (wird standardmäßig im Desktop-Layout ausgeblendet. wenn eingeblendet legt er sich über den Beitrag im Newslister)*/
.newslister_startseite a.more_touch {
	display: none;
	z-index: 1000;
	width: 100%;
	height: 500px;	/* Höhe ist bewusst höher gewählt als der Beitrag, wird unten automatisch abgeschnitten */
	position: absolute;
	left: 0;
	top: 0;
}

.newslister_aktuelles {
	width:530px;
}
.newslister_diakonie {
	width:626px;
}

.mod_newsarchive>h1:first-child {
	border-bottom:1px solid #BABEBE;
	padding-bottom:5px;
}
#aktuelle-meldungen div.mod_newslist>h1:first-child {
	border-bottom:1px solid #BABEBE;
	padding-bottom:5px;
}
/* Festlegung der Bildgrößen in der Newsliste und Newsreader */
div.mod_newslist .image_container:not(.newslister_banner_image) img,
div.mod_newsarchive .image_container:not(.newslister_banner_image) img {
	width: 210px;
	height: auto;
}

.news_enclosure {
	margin-top:10px;	
}
.newslister_banner_text {
	font-size:12px;
}
.newslister_banner_text_link {
	font-size:12px !important;
}
.newslister_banner_image {
	text-align:center;
	width:210px;
}
.newslister_aktuelles_weitere_meldungen {
	padding-left:225px;
	margin-bottom:10px;
	padding-top:10px;
	border-top:1px solid #BABEBE;
}
.newslister_aktuelles_weitere_meldungen_2 {
	text-align:center;
	width: 200px;
	margin-left: 215px;
}
.newslister_aktuelles .image_container img {
	width:200px;	
}

/* Pager Newsarchiv */
.pagination ul {
	list-style-type:none;
	margin-top:10px;
	text-align:center;
}
.pagination ul li {
	float:left;
	margin-right:10px;
}
.pagination ul li span.current {
	font-weight:bold;
}

/* Erstes Bild in der Newsliste wird groß dargestellt */
.mod_newslist .newslister_startseite.erste-meldung-gross.first .image_container,
.newslister-startseite-begruessung-artikel .image_container {
    width:430px;
	max-width: none;
    margin-top:0;
}

/* Text-Bereich entsprechend verkleinern */
.mod_newslist .newslister_startseite.erste-meldung-gross.first .news_text_container {
	width: 310px;
}

/* Erstes Bild in der Newsliste wird groß dargestellt */
.mod_newslist .newslister_startseite.erste-meldung-gross.first .image_container img,
.newslister-startseite-begruessung-artikel .image_container img {
    width: 100%;
    height: auto;
}

/* Verstecken des Datums bei der ersten Meldung, wenn diese groß dargestellt wird, in der  Newsliste */
.mod_newslist .newslister_startseite.erste-meldung-gross.first .news_text_container .info {
    display: none;
}




/********************************************************************/
/* Weiterleitungsseite - kompletter Beitrag 						*/
/********************************************************************/
.newsreader_beitrag_komplett {
	position:relative;
}
.newsreader_beitrag_komplett p.info {
	position:absolute;
	right:5px;
	top:0px;	
} 
.newsreader_beitrag_komplett h2 {
	position:relative;
	margin-bottom:10px;
} 
.newsreader_beitrag_komplett p.back a {
	position:relative;
	margin-top:5px;
	color:#C6C7C8;
}


/********************************************************************/
/* Newsletter 														*/
/********************************************************************/
#newsletter_container {
	margin-top:10px;
	margin-left:10px;
	width:765px;
}
#newsletter_header {
	width:700px;
	margin-bottom:0px;
	background-color:#B7CAD5;
}
#newsletter_einleitung {
	margin-top:10px;		
	border-bottom:1px solid #BABEBE;
	margin-bottom:20px;
	padding-bottom:10px;
}
#newsletter_footer {
	margin-top:5px;
	border-bottom:1px solid #BABEBE;
	padding-bottom:10px;
}
#presse_newsletter_footer {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #BABEBE;
	padding-bottom:10px;
}
#newsletter_datum {
	font-weight:800;
	color:#ffffff;
	font-size:20px;
	position:absolute;
	top:202px;
	left:310px;	
}
.mod_subscribe .checkbox_container,
.mod_unsubscribe .checkbox_container {
	margin-top:10px;
	margin-bottom:10px;	
}
.mod_subscribe label ,
.mod_unsubscribe label {
	margin-right:20px;
}


/********************************************************************/
/* Content-Element Person 											*/
/********************************************************************/
.person {
	position:relative;
	float:left;
	width:100%;
	border-top:1px solid #BABEBE;
	padding-top:10px;
	padding-bottom:0px;
	margin:0px;	
	margin-bottom:20px;
	z-index:50;
}
.person img.person_img {
	float:right;
    width: 100px;
}
.person h1 {
	margin-top:0px;
	font-size:16px;
}
.person h2 {
	margin-top:0px;
}

.person a:hover {
	text-decoration:underline;	
}

.person p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.person p.titel,
.person p.name,
.person p.gemeinde,
.person p.bezirk_strasse,
.person p.funktion {
    font-weight: 500;
}


    /********************************************************************/
/* Bannerspalte rechts 												*/
/********************************************************************/

.banner_rechts_ueberschrift {
	padding-left: 12px;
}
#banner_rechts {
	float:left;	
}
.bannerblock {
	position:relative;
	margin-left:12px;
	margin-top:10px;
	width: 209px;
	height:49px;
	max-width: 209px;
	max-height:30px;
	padding: 5px;
	border: 1px solid #BABEBE;
	background-color: white;
	overflow: hidden;
	text-align: center;
}
.bannerblock:last-child {
	margin-bottom: 10px;
}
.bannerblock img {
	height:100%;
}


/********************************************************************/
/* Terminlister 													*/
/********************************************************************/
#terminlister {	
}
#terminlister_filter {
	padding:0;
	margin:0px;
	float:left;
	width:100%;
	border-bottom:1px solid #BABEBE;
	padding-bottom:10px;
	margin-bottom:20px;
}
.terminlister_filter_menu {
	position:relative;
	margin-bottom:15px;
	width: 98%;
	margin-right: 2%;
}
#termin_suche_label {
	width: 28%;
	display: inline-block;
}
#termin_suche_input {
	width: 70%;
	display: inline-block;
	float: right;
	margin-bottom: 10px;
}
.termin_select {
	width: 49%;
	margin-bottom: 10px;
}
.termin_select.right {
	float: right;
}
.termin_button {
	min-width: 130px;
	width: 25%;
	display: inline-block;
}

#termine_block_pager {
	float: left;
	border-bottom :1px solid #BABEBE;
	padding-bottom: 10px;			
	width: 100%;
	margin-bottom: 10px;
}
#terminlister_pager_links {
	float:left;	
	margin-bottom: 5px;
}
#terminlister_pager_rechts {
	float:right;
	margin-right:20px;
}
.terminlister_block {
	float: left;
	width: 100%;
	border-bottom: 2px dotted #BABEBE;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.terminlister_datum {
	margin-bottom:5px;
	font-weight:bold;
}
.terminlister_block table td {
	vertical-align:top;
}
.terminlister_kurz {
	padding-left:15px;
	margin-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #BABEBE;
}
.terminlister_kurz .terminlister_block {
	width:215px;
}
.terminlister_kurz .terminlister_block b, 
.terminlister_kurz .terminlister_block .terminlister_datum {	
	font-size:11px;	
}
/* Einrückung 2. Zeile */
.terminlister_kurz_alle_termine {
	display:inline-block;
	background-position: 0px 5px;
}
.terminlister_kurz .termilister_termin_komplett {
	font-size:11px;		
}
.terminlister_kurz p {
	font-size:11px;	
	margin-left:16px;
	margin-bottom:5px;	
}

/* Für die Anzeile der 1. Zeile im Teaser text */
.terminlister_text {
	height: 20px;
	overflow: hidden;
}
/*Arkkordeon Dropdown Arrow*/
.terminlister_dropdown_arrow, 
.ui-accordion-header {
	background-image: url("../../../files/Kirchenkreis/Layout/Icons/arrow_down.png"); 
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer;
	font-weight: bold;
}

.terminlister_dropdown_arrow.active, 
.ui-accordion-header-active {
	background-image: url("../../../files/Kirchenkreis/Layout/Icons/arrow_up.png"); 
}

.ui-accordion-header {
	border-bottom: 1px solid #bab5b5;
	width:100%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background-position: 97% center;
}

.terminlister_dropdown_arrow {
	height:11px;
	width:95%;
}

.ce_accordionSingle {
	margin-bottom: 0px;
	padding-right: 0px;	
}


/********************************************************************/
/* Short Links rechts												*/
/********************************************************************/
div.short_link, 
div#quicklinks {
	margin-bottom: 0px;
}
ul.short_link_list, 
ul.quicklinks_list {
	list-style: none;
	margin-left: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
}
li.short_link_list_item, 
li.quicklinks_list_item {
	display: block;
	height: 40px;
	width: 162px;
	margin-top: 10px;
	padding-left: 58px;
	background-color: #c6c6c6;
	vertical-align: middle;
	background-position: left top;
	background-repeat: no-repeat;
	color: white;
	font-weight:700;
	line-height: 36px;
}
li.short_link_list_item  a, 
li.quicklinks_list_item a {
	color:white;
	vertical-align: middle;	
}

li.quicklinks_list_item span {
	color: white;
	position: relative;
	top: 25%;
	left: 25%;
}

/* Quicklink-Link über komplette Li */
#quicklinks a {
	width: 220px;
	height: 40px;
	display: inline-block;
	margin-left: -58px;
}

/********************************************************************/
/* Quick Links kurz												    */
/********************************************************************/

.quicklinks_kurz {
	width: 100%;
	/* Font size 0 für den Container um white-spaces zu vermeiden */
	font-size: 0;
}

.quicklinks_kurz_block {
	display: inline-block;
	width: 50%;
}

.quicklinks_kurz a {
	width: 100%;
	height: 40px;
	display: inline-block;
	position: relative;
	top: -7px;
}

.quicklinks_kurz span {
	color: white;
	position: relative;
	top: 25%;
	left: 58px;
}

ul.quicklinks_kurz_list {
	list-style: none;
}

li.quicklinks_kurz_list_item {
	display: inline-block;
	height: 40px;
	width: 100%;
	background-color: #c6c6c6;
	vertical-align: middle;
	background-position: left top;
	background-repeat: no-repeat;
	color: white;
	font-weight: 700;
	line-height: 36px;
}

/********************************************************************/
/* Highlights rechts												*/
/********************************************************************/
#highlights {
	padding-left:12px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #BABEBE;
	color:#b7b7b8;
}
#highlights a {
	display: block;
	font-weight:bold;
	height: 25px;
	color:#b7b7b8;
	padding-left: 20px;
	background-image: url("../../../files/Kirchenkreis/Layout/Icons/arrow_right.png"); 
	background-repeat: no-repeat;
	background-position: 0px 5px;
}


/********************************************************************/
/* Kontaktformular 													*/
/********************************************************************/
#kontaktformular .widget {
    margin-top: 10px;
}

#kontaktformular label {
	display:block;	
}

#kontaktformular input, .text, .textarea {
    border: 1px solid #ccc;
    padding: 6px 3%;
    width: calc(94% - 12px);
    margin: 5px 10px 5px 0;
}

#kontaktformular .widget-text.captcha input {
	width: 200px;
}

#kontaktformular .widget-text.captcha p.error {
	color: red;
}

#kontaktformular button {
    font-weight: bold;
    background-color: #c6c6c6;
    border: 1px solid #c6c6c6;
    margin: 20px 0;
    padding: 10px;
    color: white;
}

#kontaktformular button:active {
    top: 4px;
    -moz-box-shadow: 3px 3px 5px #888; /* FF3.5+ */
    -webkit-box-shadow: 3px 3px 5px #888; /* Saf3.1+, Chrome */
    box-shadow: 3px 3px 5px #888;
}


/********************************************************************/
/* Sitemap 															*/
/********************************************************************/
#sitemap {
	position:relative;
	margin-top:25px;
	padding-top: 15px;
}
.sitemap_col {
	vertical-align: top;
	display: inline-block;
	width:240px;
}
.sitemap_block {
	margin-bottom:10px;
}
/* Sitemap Überschrift */
.sitemap_block h3 a {
	font-weight: 700;
	color:#333333;
}
/* Sitemap link */
.sitemap_block a {
	font-size:12px;
	line-height: 18px;
	font-weight: 600;
	color: #777777;
}


/********************************************************************/
/* Losung des Tages 												*/
/********************************************************************/
#losung_des_tages {
	padding-left:12px;
	padding-bottom:5px;
	padding-top: 0px;
	margin-top:10px;
	border-bottom:1px solid #BABEBE;
	margin-bottom:0px;
}
/* Zitattext */
.losung_text {
	font-family: "Lora", Verdana, Arial, Helvetica, sans-serif; 
	font-weight:400;
	font-style: italic;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 5px;
	color: #333333;
}
/* Zitat Autor */
.losung_ver {
	font-weight: 600;
	font-size: 11px;
	line-height: 25px;
	margin-bottom: 0px;
	color: #333333;
	text-transform: uppercase;
	letter-spacing: +1px;
}


/********************************************************************/
/* Ampel Schulreferat 												*/
/********************************************************************/

#schulreferat_ampel {
	position:absolute;
	right:10px;
	top:10px;
	width:120px;
	background-color:#eeeeee;
	padding:5px;
	padding-top:0px;
}
#schulreferat_ampel p {
	font-size:12px;
}

/********************************************************************/
/* Ampel Schulreferat 												*/
/********************************************************************/

figure.image_container figcaption {
	width: 80%;
}


/********************************************************************/
/* Facebook-Link													*/
/********************************************************************/
#facebook {
    background-image: url("../../Partnerlayout_Basistemplate/Icons/facebook.png");
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0px;
    display: none;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 1000;
    right: 0;
    margin-top: 190px;
}

/********************************************************************/
/* Contao-Element: Text-Box rechts									*/
/********************************************************************/
.text_box_rechts_block{
	padding-left:12px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #BABEBE;
	color:#b7b7b8;
}

/********************************************************************/
/* Cookie-Hinweis-Banner											*/
/********************************************************************/
.clearfix {
	clear: both;
}

.eupopup-container {
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
    position: fixed;
    top: 0;
    top: 40vh;
    left: 0;
    right: 0;
}

/********************************************************************/
/* Social Media teilen Container									*/
/********************************************************************/

.social-media-teilen-container {
	margin-top: 20px;
}

.social-media-teilen-container a {
	margin-right: 8px;
}

/********************************************************************/
/* Seiten-Links														*/
/********************************************************************/

/*a[href^="http://"]:not([href*="192.168.10.16"]):before,
a[href^="https://"]:not([href*="192.168.10.16"]):before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: '\f14c';
	font-size: 17px !important;
	color: #555555;
	margin-right: 10px;
}

!* Die Icons für externe Seiten in diesen Berechen nicht anzeigen *!
#navi_main a:before,
#navi_links_container a:before,
#quicklinks a:before,
#highlights a:before {
	font-family: inherit;
	font-weight: inherit;
	content: inherit;
	font-size: inherit;
	color: inherit;
	margin-right: inherit;
}*/


/********************************************************************/
/* Responsive														*/
/********************************************************************/

@media (max-height: 600px) {
    .eupopup-container {
        top: 30vh;
    }
}

@media (max-height: 600px) {
    .eupopup-container {
        top: 20vh;
    }
}

@media (max-height: 450px) {
    .eupopup-container {
        top: 0;
    }
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
}

.eupopup-closebutton {
	font-size: 0;
	font-weight: 100;
	line-height: 1;
	color: #a2a2a2;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}

.eupopup-closebutton:before {
    content:"\f057";
    font-family: "Font Awesome 5 Pro";
    font-size: 30px;
	font-weight: 900;
    color:white;
}

.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.eupopup-head {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px;
	color: #fff;
}

.eupopup-body {
	color: #a2a2a2;
}

.eupopup-buttons {
    padding: 22px 0 20px 0;
}

.eupopup-button {
    color:white;
    font-weight: bold;
    font-size: 14px;
    background:#f6a21d;
    padding: 10px 30px;
    margin: 5px 15px;
    display: inline-block;
}

.eupopup-button_2 {
    background:#c6c6c6;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: underline;
	color: #ffffff;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}

/********************************************************************/
/* Matomo/Piwik-iFrame in Datenschutzerklärung						*/
/********************************************************************/

.matomo-iframe {
    height:250px;
    padding-right:2%;
    padding-left:2%;
    border:1px solid #BABEBE;
    width: calc(96% - 2px);
}

/********************************************************************/
/* Infobox (aus TinyMCE Editor)		                                */
/********************************************************************/

.infobox,
.infobox-default,
.infobox-blue,
.infobox-termin {
    margin-bottom: 10px;
    padding: 15px 15px 0;
    background-color :#f5f5f5;
    border: 1px dashed #e5e5e5;
    min-width: 90%;
    min-height: 25px;
}

.infobox h3,
.infobox p:first-of-type,
.infobox strong:first-of-type,
.infobox-default h3,
.infobox-default p:first-of-type,
.infobox-default strong:first-of-type,
.infobox-blue h3,
.infobox-blue p:first-of-type,
.infobox-blue strong:first-of-type,
.infobox-termin h3,
.infobox-termin p:first-of-type,
.infobox-termin strong:first-of-type {
    font-weight: bold;
    color: #333;
    margin-top: -5px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.infobox::before,
.infobox-default::before,
.infobox-blue::before,
.infobox-termin::before {
    float:left;
    margin-top: -5px;
    margin-right: 10px;
    font-size: 23px;
    font-family: "Font Awesome 5 Pro";
    content: "\f05a"
}


/** Infobox Blue **/

.infobox.blau,
.infobox-blue {
    border: 1px dashed #006fc5;
}

.infobox.blau::before,
.infobox-blue::before {
    color:#006fc5;
}

/** Infobox Termin **/

.infobox.termin,
.infobox-termin {
    background-color:#fff;
}

.infobox.termin::before,
.infobox-termin::before {
    font-size:60px;
    color:#006fc5;
    content:"\f073";
}

/********************************************************************/
/* Button blau (aus TinyMCE Editor)		                            */
/********************************************************************/

button.blau,
.button.blau,
.button-blue {
    background: #006fc5;
    color: white;
    margin: 10px auto;
    padding: 15px;
    font-weight: bold;
    width:35%;
    text-align:center;
}

button.blau a,
.button.blau a,
.button-blue a {
    color:#fff;
    background:none;
    padding:0;
    hyphens:none;
}

button.blau:hover,
.button:hover,
.button-blue:hover {
    box-shadow: 2px 2px 9px 0 black;
    transition: box-shadow 0.3s ease-in-out;
}

/********************************************************************/
/* Zitat (aus TinyMCE Editor)		                            	*/
/********************************************************************/

blockquote {
    position:relative;
    padding:10px 10px 10px 0;
    font-style:italic;
}

.ce_text blockquote p {
    padding-left:60px;
    font-size: 21px !important;
    line-height: 1.3;
}

blockquote::before {
    top:35px;
    position:absolute;
    content: '“';
    font-size: 115px;
    z-index: -1;
    font-family: "Lora", serif;
}


/********************************************************************/
/* Newsletter unsubscribe		                            	*/
/********************************************************************/

div.mod_subscribe p.confirm,
div.mod_unsubscribe p.confirm{
    color: #259b25;
}

div.mod_subscribe p.error,
div.mod_unsubscribe p.error {
    color: red;
}


/********************************************************************/
/* Grid Vorschau		                            	*/
/********************************************************************/

.grid-vorschau .aktueller_hinweis {
    display: none;
}

.grid-vorschau #spalte_rechts {
    display: none;
}

.grid-vorschau #main_content_breit {
    width: 100%;
}