/*
WEBFONT (Google):
--------
font-family: 'Rufina', serif;
font-family: 'Oxygen', sans-serif;
font-weight:400; > normal
font-weight:700; > bold
*/

/* rufina-regular - latin */
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rufina/rufina-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Rufina'), local('Rufina-Regular'),
       url('../fonts/rufina/rufina-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rufina/rufina-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rufina/rufina-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rufina/rufina-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rufina/rufina-v7-latin-regular.svg#Rufina') format('svg'); /* Legacy iOS */
}
/* rufina-700 - latin */
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rufina/rufina-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Rufina Bold'), local('Rufina-Bold'),
       url('../fonts/rufina/rufina-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rufina/rufina-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rufina/rufina-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rufina/rufina-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rufina/rufina-v7-latin-700.svg#Rufina') format('svg'); /* Legacy iOS */
}


/* oxygen-regular - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oxygen/oxygen-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Regular'), local('Oxygen-Regular'),
       url('../fonts/oxygen/oxygen-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen/oxygen-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen/oxygen-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen/oxygen-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen/oxygen-v9-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}
/* oxygen-700 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oxygen/oxygen-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Bold'), local('Oxygen-Bold'),
       url('../fonts/oxygen/oxygen-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen/oxygen-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen/oxygen-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen/oxygen-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen/oxygen-v9-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
}

/*
WEBFONT (fonts.com):
--------
font-family:'Bauhaus W01 Light';
*/

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=43349946-f0a9-4c32-8941-5cbc51b03ff3");
    @font-face{
        font-family:"Bauhaus W01 Light";
        src:url("../fonts/bauhaus/Fonts/c7ee5217-3e92-43c7-b8f3-b5642454bfca.woff2") format("woff2"),url("../fonts/bauhaus/Fonts/d6f9e5c4-0807-47d6-8965-910937263118.woff") format("woff");
    }

/*
THEMES:
-------
theme-kkluebbecke (default)
theme-diakonie
theme-jupf
*/

/*
COLORS:
-------
#5D487B 93,72,123 > KK Luebkecke
#0566A3 5,102,163 > Diakonie
#D44000 212,64,0  > Jupf
*/


/* --------------------------------------------------------------------------- */
/* --------------------------------- STYLES ---------------------------------- */
/* --------------------------------------------------------------------------- */

body{position:relative; font-weight:400; overflow-x: hidden;}
img{max-width:100%; height:auto;}

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:0; outline :0; }
strong, b{ font-weight:700;}
.highlight{color:#eb1a22;}
.help-block{font-size:80%;}
ul, ol {margin-bottom: 1em;}
.embed-responsive {margin-bottom: 1em;}
.input-group-addon {color: #000000; background-color: rgba(255,255,255,0.5); border: 1px solid rgba(93,72,123,0.2); }

i:not([class*="evkkluebbeckeicon"]) {
    font-family: 'Oxygen', sans-serif!important;
    font-weight:400;
    font-style:italic;
}

a:hover, 
a:focus {color: #000000;}

	.theme-diakonie a:hover, 
	.theme-diakonie a:focus {color: #000000;}
	.theme-jupf a:hover, 
	.theme-jupf a:focus {color: #000000;}

@media (min-width:1600px) {		
	.container{width:1460px;}
}



/* Helpers
================================================ */
.resetlist{list-style:none; margin:0; padding:0;}
.resetlist li{list-style:none; margin:0; padding:0;}
.inlinelist li{display:inline-block; vertical-align:top; margin-right:-4px;}
.inlinelist li:last-child{margin-right:0;}	
a.arealink{position:absolute; z-index: 5; width:100%; height:100%; top:0; left:0;}

hr {border-top: 1px solid rgba(93,72,123,0.2); }

	.theme-diakonie hr { border-top:1px solid rgba(5,102,163,0.2);}
	.theme-jupf hr { border-top:1px solid rgba(212,64,0,0.2);}

/* .row {scroll-padding-top:50px; */
/* scroll-margin-top:50px;} */
.article h2 {
	scroll-margin-top: 50px;
	}

/* Box
================================================ */
.box {padding:40px 20px; margin:2em 0; background:#EEECF2;}
.box .pagination {margin-left:0; margin-right:0;}
.box h1,
.box h2,
.box h3,
.box h4 {margin-top:0;}

	.theme-diakonie .box {background:#E6EFF6;}
	.theme-jupf .box {background:#FBECE5;}


/* Sections 
================================================ */


.bg-white{background:#ffffff;}
.bg-light{background:#EEECF2;}
.bg-dark{background:#5D487B; color:#ffffff;}
.bg-light-blue{background:#E6EFF6;}
.bg-dark-blue{background:#0566A3;}

	.theme-diakonie .bg-light{background:#E6EFF6;}
	.theme-diakonie .bg-dark{background:#0566A3;}

	.theme-jupf .bg-light{background:#FBECE5;}
	.theme-jupf .bg-dark{background:#D44000;}

.section{padding:30px 0 30px 0; margin:5px 0; position:relative; background-repeat: no-repeat; background-position:50% 50%; background-size:cover;}
.section-article ul{margin-bottom:1em;}
.section-breadcrumbs{padding:0!important; margin:0;}
.maxwidth{max-width:100%; margin-left:auto; margin-right:auto;}

	@media (min-width:992px) {	
		.padding > .container{padding-left:40px; padding-right:40px;}
	}
	@media (min-width:992px) {	
		.maxwidth{max-width:1100px;}
	}
	@media (min-width:1200px) {	
		.section{padding:50px 0 50px 0;}
		.maxwidth{max-width:1300px;}
	}
	@media (min-width:1600px) {	
		.maxwidth{max-width:1680px;}
	}


/* Typo 
================================================ */
h2, .h2 { margin-top: 1em; margin-bottom: 1em;}
h3, .h3 { margin-top: 0; margin-bottom: 1em;}

p + ul{margin-top:-0.75em}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6{color:#ffffff!important;}

.bg-dark a{color:rgba(255,255,255,0.8);}
.bg-dark a:hover{color:rgba(255,255,255,1);}

	.theme-diakonie a{ color:#0566A3;}
	.theme-jupf a{ color:#D44000;}

.section-headline {text-align:center; overflow:hidden;}
.section-headline h2{font-family: 'Oxygen', sans-serif; color:#000000; font-size:16px; font-weight:700; margin-top:0; padding: 0 12px; display:inline-block; position: relative;}
.section-headline h2:before,
.section-headline h2:after {top: 9px; border-bottom:1px solid rgba(0,0,0,0.2); content:" "; width: 1000%; position: absolute; }
.section-headline h2:before {right: 100%; }
.section-headline h2:after {left: 100%; }

.bg-dark .section-headline h2{color:#ffffff; }
.bg-dark-blue .section-headline h2{color:#ffffff; }
.bg-dark .section-headline h2:before,
.bg-dark .section-headline h2:after {border-bottom:1px solid rgba(255,255,255,0.2);  }

.bg-dark-blue .section-headline h2:before,
.bg-dark-blue .section-headline h2:after {border-bottom:1px solid rgba(255,255,255,0.2);  }


.page-headline {color:#5D477A; margin-bottom:1.5em; position:relative; font-size: 21px;}	
	.theme-diakonie .page-headline {color:#0566A3;}
	.theme-jupf .page-headline {color:#D44000;}
.page-headline:after {content: ""; border-bottom: 4px solid #5D477A; width: 40px; position: absolute; left: 0; bottom: -0.75em;}
	.theme-diakonie .page-headline:after {border-bottom: 4px solid #0566A3;}
	.theme-jupf .page-headline:after {border-bottom: 4px solid #D44000;}

	

.teaser-folge .bg-light { background: #ffffff;!important }
	
	
.eventlist + .page-headline{margin-top:1.5em; }
.pagination + .page-headline{margin-top:1.0em; }
.page-headline + .pagination{margin-top:0em; }

	@media (min-width:768px) {	
		.section-headline h2{font-size:20px;}
		.section-headline h2:before,
		.section-headline h2:after {top: 13px; }
		.page-headline{margin:1em 20px 1.5em 20px; }
	}

	@media (min-width:1200px) {	
		body{font-size:18px}
		.btn{font-size:16px}
		h1{font-size:40px;}
		h2{font-size:31px;}
		h3{font-size:25px;}
		h4{font-size:21px;}
		.form-control{font-size:18px;}
		.topnav .form-control{font-size:16px; height:40px; padding:9px 20px;}
		.page-headline{font-size: 31px;}
	}


/* Buttons
================================================ */
.btn{font-weight:700; font-size:14px; text-decoration:none!important;}
.btn:hover{text-decoration:none!important;}
.btn-arrowright:after{font-family:"evkkluebbeckeicon"; content:"\e903"; font-size:70%; margin-left:0.75em; top: 0px; position: relative;}
.btn-arrowleft:before{font-family:"evkkluebbeckeicon"; content:"\e904"; font-size:70%; margin-right:0.75em; top: 0px; position: relative;}

	@media (min-width:1200px) {	
		.btn-arrowright:after{top: -1px;}
		.btn-arrowleft:before{top: -1px;}
	}

.btn-default{color:rgba(0,0,0,0.80); border-color:rgba(0,0,0,0.30);}
.btn-default:hover{color:rgba(0,0,0,1); border-color:rgba(0,0,0,0.80);}

.btn-primary{color:rgba(93,72,123,0.80); border-color:rgba(93,72,123,0.30);}
.btn-primary:hover{color:rgba(93,72,123,1); border-color:rgba(93,72,123,0.80);}

	.theme-diakonie .btn-primary{color:rgba(5,102,163,0.80); border-color:rgba(5,102,163,0.30);}
	.theme-diakonie .btn-primary:hover{color:rgba(5,102,163,1); border-color:rgba(5,102,163,0.80);}

	.theme-jupf .btn-primary{color:rgba(212,64,0,0.80); border-color:rgba(212,64,0,0.30);}
	.theme-jupf .btn-primary:hover{color:rgba(212,64,0,1); border-color:rgba(212,64,0,0.80);}

.bg-dark .btn-primary{color:rgba(255,255,255,0.80); border-color:rgba(255,255,255,0.30);}
.bg-dark .btn-primary:hover{color:rgba(255,255,255,1); border-color:rgba(255,255,255,0.80);}


/* Header 
================================================ */
.header {min-height:148px; position: relative; z-index:10;}
.header > .container{position: relative; z-index: 1; }

	@media (min-width:768px) {	
		.header {min-height:217px; }
	}
	@media (min-width:1200px) {	
		.header {min-height:308px; }
		.theme-diakonie .header {min-height:258px; }
	}

/* Claim 
================================================ */
.claim{padding:15px 0 15px 0; position:absolute; left:20px; width:160px; font-family: 'Rufina', serif; font-weight:700; font-size:16px; line-height:1.4em; color:#5D4679;}

	.theme-luebbecke .claim{font-family:'Bauhaus W01 Light';}
	.theme-diakonie .claim{color:#0566A3;}
	.theme-jupf .claim{color:#D44000;}

	@media (max-width:767px) {	
		.theme-diakonie .claim{ font-size:22px;}
	}
	@media (min-width:768px) {	
		.claim{left:40px; top:22px; width:520px; font-size:30px; line-height:1.2em; padding:0;}
	}
	@media (min-width:768px) and (max-width:991px) {	
		.theme-luebbecke .claim{width:450px; }
	}
	@media (min-width:992px) {	
		.claim{width:680px;}
	}
	@media (min-width:1200px) {	
		.claim{top:38px; left:40px; width:900px; font-size:44px;}
	}
	@media (min-width:1600px) {	
		.claim{width:1160px; font-size:50px;}
	}

/* Logo 
================================================ */
.logo{position:absolute; top:15px; right:20px; width:100px; text-align:right;}
.logo img{max-height:60px;}

	.theme-diakonie .logo{ top:10px; }
	.theme-diakonie .logo img{max-height:75px;}
	
	@media (min-width:360px) {	
		.logo{width:120px;}
	}
	@media (min-width:768px) {	
		.logo{width:186px; top:26px; right:28px;}
		.logo img{max-height:68px;}
		.theme-diakonie .logo img{max-height:100px;}
	}
	@media (min-width:992px) {	
		.logo{right:20px;}
		.logo img{max-height:100px;}
	}
	@media (min-width:1200px) {	
		.logo{width:200px; right:20px;}
		.logo img{max-height:150px;}
		.theme-diakonie .logo{ top:20px; }
		.theme-diakonie .logo img{max-height:120px;}
	}

/* Topnav 
================================================ */
.topnav{background:#5D487B; margin-bottom:4px;}

	.theme-diakonie .topnav{background:#0566A3; margin-bottom:4px;}
	.theme-jupf .topnav{background:#D44000; margin-bottom:4px;}

.topnav ul{ }
.topnav ul li{position:relative; font-weight:700;}
.topnav ul li.active:after{position:absolute; content:""; bottom:0; left:50%; margin-left:-8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent;}
.topnav ul li a{color:rgba(255,255,255,0.50); display:block; text-decoration:none; line-height:46px; padding:0 20px;}
.topnav ul li a:hover{color:#ffffff; text-decoration:none; }
.topnav ul li.active a{color:#ffffff; text-decoration:none; background:rgba(255,255,255,0.1);}

	@media (max-width:767px) {	
		.topnav ul li a{ line-height:1em;}
		.topnavswitch-luebbecke span,
		.topnavswitch-diakonie span,
		.topnavswitch-jupf span{display:none;}
		.topnavswitch-luebbecke a:after{font-family:"evkkluebbeckeicon"; content:"\e90d"; line-height:46px; font-size:24px; font-weight:normal;}
		.topnavswitch-diakonie a:after{font-family:"evkkluebbeckeicon"; content:"\e90e"; line-height:46px; font-size:24px; font-weight:normal;}
		.topnavswitch-jupf a:after{font-family:"evkkluebbeckeicon"; content:"\e90f"; line-height:46px; font-size:24px; font-weight:normal;}
	}	
	@media (min-width:768px) {	
		.topnav ul li{font-size:14px;}
	}	
	@media (min-width:1200px) {	
		.topnav ul li{font-size:15px;}
	}

/* Subnav 
================================================ */
.subnav{background:#E7E4EB; margin-bottom:4px; display:none; min-height: 40px;}

	.theme-diakonie .subnav{background:#DAE8F1;}
	.theme-jupf .subnav{background:#F9E3D9;}

.subnav ul{float:left;}
.subnav ul li{position:relative; font-size:14px; line-height:40px; }
.subnav ul li p{margin:0; padding:0 20px; }
.subnav ul li.active:before{}
.subnav ul li a{color:#000000; display:block; text-decoration:none; padding:0 10px;}
.subnav ul li a:hover{color:#000000; text-decoration:none; background:rgba(255,255,255,0.50);}

@media (min-width:768px) {	
	.subnav{display:block;}
}	

@media (min-width:768px) {	
	.subnav + .container {
		min-height: 120px;
	}
}

/* Mainnav 
================================================ */
.mainnav{ text-align:right; font-family: 'Rufina', serif;}
.mainnav-desktop{display:none;}

	.theme-diakonie .section-mainnav-desktop{background: #0566A3; margin-top:5px; display:none;}
	
	.main-menu-btn {
		top: 6px;
		right:15px;
	}
	

	@media (min-width:1200px) {	
		.mainnav{top:10px; position:absolute; right:0; margin-top:0; display:none;}
		.mainnav-desktop{top:131px; position:absolute; margin-top:0; display:block;}
		
			.theme-diakonie .mainnav-desktop{top:auto; position:relative; }
			.theme-diakonie .section-mainnav-desktop{display:block;}
			.theme-diakonie .section-mainnav-desktop.folgeseite{max-width:1140px;}

		/* desktop nav */
		.nav{list-style:none; margin:0; padding:0; }
		.nav a { text-decoration: none; } 
		.nav li { list-style: none; line-height:1.9em; }
		.nav {display: inline-block; position: relative; cursor: default; z-index: 500; } 
		.nav > li {font-family: 'Rufina', serif; font-size:20px; color:#000000; font-weight:700; /*display:inline-block; vertical-align:top; margin-right:-4px;*/ float:left; position:static; }
		.nav > li > a { position:relative; display: block; z-index: 510; color:#000000; font-weight:700; margin:0 20px; padding:0; border-bottom:4px solid transparent;}
		.nav > li > a.current { color: #5D487B; border-bottom:4px solid #5D487B; }
		.nav > li > div.megamenu {position: absolute; display: block; top: 100%; left: 0; right:0; width:1140px; opacity: 0; visibility: hidden; overflow: hidden; }
		.nav > li:hover > div {opacity: 1; visibility: visible; overflow: visible;}
		.nav > li:hover > a { color:#5D487B; text-decoration:none; background:transparent;} 

			.theme-diakonie .nav {display:block; }
			.theme-diakonie .nav > li {padding-bottom:10px; }
			.theme-diakonie .nav > li > div.megamenu {/*top:auto; bottom: 100%;*/ left: auto; right:auto; width:280px; top:67px; z-index:520; }
			.theme-diakonie .nav > li > a {  padding:15px 0 0 0; color:#ffffff;}
			.theme-diakonie .nav > li > a.current { color: #ffffff; border-bottom:4px solid #ffffff; }		
			.theme-diakonie .nav > li:hover > a { color:#0566A3; border-bottom:4px solid #0566A3;} 	
			.theme-diakonie .nav > li:hover { background: #E6EFF6;} 
			.theme-jupf .nav > li > a.current { color: #D44000; border-bottom:4px solid #D44000;; }
			.theme-jupf .nav > li:hover > a { color:#D44000; }

		.megamenu {padding:20px; min-height:360px; background: #EEECF2; box-shadow: 0 4px 2px -2px rgba(22,70,157,0.10);}
		.megamenu:before {position:absolute; top:0; right:100%; width:100%; height:100%; content:""; background: #EEECF2; box-shadow: 0 4px 2px -2px rgba(22,70,157,0.10);}
		.megamenu:after {position:absolute; top:0; left:100%; width:100%; height:100%; content:""; background: #EEECF2; box-shadow: 0 4px 2px -2px rgba(22,70,157,0.10);}

			.theme-diakonie .megamenu {background: #E6EFF6; box-shadow: none; min-height:auto;}
			.theme-diakonie .megamenu:before {display:none;}
			.theme-diakonie .megamenu:after {display:none;}
			.theme-jupf .megamenu {background: #FBECE5; }
			.theme-jupf .megamenu:before {background: #FBECE5;}
			.theme-jupf .megamenu:after {background: #FBECE5;}

		.megamenu > ul{list-style:none; margin:0; padding:0;}
		.megamenu > ul > li {display:inline-block; vertical-align:top; margin-right:-4px; width:25%; padding-right:20px; line-height:1.1em;}
		.megamenu > ul > li > a{position:relative; font-size:18px; font-weight:700; /*color:#15469D;*/ display: block; margin: 0 0 15px 0;}
		.megamenu > ul > li > a:hover{/*color:#EC1B23;*/}
		.megamenu > ul > li.active > a{color:#000000; text-decoration:underline;}

			.theme-diakonie .megamenu > ul > li {width:100%; border-top:1px solid rgba(0,0,0,0.1); padding-right:0;}
			.theme-diakonie .megamenu > ul > li:first-child {border-top:none;}
			.theme-diakonie .megamenu > ul > li > a{margin: 15px 0 15px 0;}

		.megamenu ul ul {list-style:none; margin:0 0 25px 0; padding:0;}
		.megamenu ul ul > li {padding-right:20px; line-height:1.1em; }
		.megamenu ul ul > li > a{position:relative; font-size:16px; font-weight:400; /*color:#15469D;*/ display:block; margin: 0 0 0.5em 0; padding-left:15px;}
		.megamenu ul ul > li > a:hover{/*color:#EC1B23;*/}
		.megamenu ul ul > li.active > a{color:#000000; text-decoration:underline;}
		.megamenu ul ul > li > a:before {font-family: "evkkluebbeckeicon"; content: "\e903"; font-size: 55%; position:absolute; left:0; top:1px;}

			.theme-diakonie .megamenu ul ul {margin:0 0 25px 10px; }
			.theme-diakonie .megamenu ul ul > li {padding-right:0; }

	}
	@media (min-width:1600px) {	
		.nav > li > a {margin:0 20px;}
		.nav > li > div.megamenu {width:1420px;}
		.megamenu {padding:15px 40px 40px 40px;}		
		.theme-diakonie .megamenu {padding:20px;}
		/*.megamenu:before {width:130px;}
		.megamenu:after {width:130px;}*/
		.megaheader {margin:0 -40px 23px -40px; padding:0 40px 15px 40px;}
		.theme-diakonie .section-mainnav-desktop.folgeseite{max-width:1420px;}
	}


/*Mobile*/
.sm-custom {background: #ffffff;}
.sm-custom ul {background: rgba(93,72,123, 0.05);}
.sm-custom a, 
.sm-custom a:hover, 
.sm-custom a:focus, 
.sm-custom a:active {color: rgba(0,0,0,0.65);}
.sm-custom a.current {color: #5D487B; font-weight:700;}

	.theme-diakonie .sm-custom ul {background: rgba(5,102,163, 0.05);}
	.theme-diakonie .sm-custom a.current {color: #0566A3;}
	.theme-jupf .sm-custom ul {background: rgba(212,64,0, 0.05);}
	.theme-jupf .sm-custom a.current {color: #D44000;}



	
@media (min-width:768px){
	.mainnav + .container {
		min-height: 120px;
	}
}

/* Meta 
================================================ */
.meta{padding:20px 0;}

.metanav{padding:12px 0; color:#ffffff; line-height:1em;}
.metanav li {font-size:14px; display:block; padding: 10px 0;}
.metanav li a{margin:0 40px 0 0; color:#ffffff; }
.metanav li a:hover{color:#ffffff;}

.copyright{ padding:14px 0; color:#ffffff; font-size:14px;}

	@media (min-width:768px) {	
		.metanav li {display:inline-block; padding:0;}
	}

	@media (min-width:1200px) {	
		.meta{padding:0;}
		.metanav{float:right; }
		.metanav li {display:inline; padding:0;}
		.metanav li a{margin:0 0 0 40px;}
		.copyright{float:left;}
	}



/* Isotope 
======================== */
.grid-item { width: 100%; padding:0 2px;}
.grid-item-doublewidth { width: 100%; padding:0 2px;}

@media (min-width:768px) {	
	.grid-item { width: 50%; }
	.grid-item-doublewidth { width: 100%; }
}
@media (min-width:991px) {	
	.grid-item { width: 33.333%; }
	.grid-item-doublewidth { width: 50%; }
}

/* Newsgrid 
======================== */
.newsgrid{margin:30px -2px;}
.newsgrid .grid-item {padding:2px;}
.newsgrid .grid-item-doublewidth {padding:2px;}

.newsitem{position:relative;}
.newsitem:after{position:absolute; z-index:1; content:""; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.25); opacity:1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.newsitem:hover:after{opacity:0;}

    .newsgrid .grid-item .newsitem{position: relative; width: 100%; background:#ffffff;}
.newsgrid .grid-item .newsitem:before{content: ""; display: block;  padding-top: 66.666%;}

.newsgrid .grid-item-doublewidth .newsitem{position: relative; width: 100%; background:#ffffff;}
.newsgrid .grid-item-doublewidth .newsitem:before {content: ""; display: block; padding-top: 100%;}

.newsitem .newsimagebox{position:absolute; left:0; top:0; height:100%; width:100%; background-repeat: no-repeat; background-position:50% 50%; background-size:cover;}

.news-caption{position:absolute; z-index:2; bottom:0; left:0; right:0; }
.news-caption-text{padding:20px;}
.news-caption-text .date{margin:0 0 2px 0; padding:3px 10px; font-size:13px; display:inline-block; color:#ffffff; background:#5D487B;}
/* Blue in KK*/
.bg-light-blue .news-caption-text .date{margin:0 0 2px 0; padding:3px 10px; font-size:13px; display:inline-block; color:#ffffff; background:#0566A3;}
.bg-dark-blue .news-caption-text .date{margin:0 0 2px 0; padding:3px 10px; font-size:13px; display:inline-block; color:#ffffff; background:#0566A3;}

	.theme-diakonie .news-caption-text .date{background:#0566A3;}
	.theme-jupf .news-caption-text .date{background:#D44000;}

.news-caption-text h3 {margin:0; font-size:16px; }
.news-caption-text h3 span{margin:0; color:#5D487B; background:#ffffff; display:inline; line-height: 30px; padding: 3px 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
/* Blue in KK*/
.bg-light-blue .news-caption-text h3 span{margin:0; color:#0566A3; background:#ffffff; display:inline; line-height: 30px; padding: 3px 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.bg-dark-blue .news-caption-text h3 span{margin:0; color:#0566A3; background:#ffffff; display:inline; line-height: 30px; padding: 3px 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone;}

.newsitem:hover .news-caption-text h3 span{color:#000000;}


	.theme-diakonie .news-caption-text h3 span{color:#0566A3;}
	.theme-jupf .news-caption-text h3 span{color:#D44000;}

.newsgrid .grid-item-doublewidth .news-caption-text h3{font-size:20px;}
.newsgrid .grid-item-doublewidth .news-caption-text h3 span{line-height: 35px;}

@media (min-width:768px) {		
	.newsgrid .grid-item .newsitem:before{ padding-top: 84.55%;}
	.news-caption-text h3{ font-size:18px;}
	.news-caption-text h3 span{ line-height: 32px;}
	.newsgrid .grid-item-doublewidth .newsitem:before {padding-top: 56.18%;}
	.newsgrid .grid-item-doublewidth .news-caption-text h3{font-size:26px;}
	.newsgrid .grid-item-doublewidth .news-caption-text h3 span{line-height: 43px;}
}
@media (min-width:1600px) {		
	.news-caption-text h3{ font-size:22px;}
	.news-caption-text h3 span{ line-height: 37px;}
	.newsgrid .grid-item-doublewidth .news-caption-text h3{font-size:30px;}
	.newsgrid .grid-item-doublewidth .news-caption-text h3 span{line-height: 47px;}
}







/* Flexslider 
======================== */
.flex-caption { color:#ffffff; padding:0; position:relative; z-index:1; width:100%; font-size:16px; margin:0; text-align:left; background:rgba(93,72,123,1.0); 
	-webkit-transition:all 0.4s ease!important; 
	-moz-transition:all 0.4s ease!important; 
	transition:all 0.4s ease!important;	
}

	.theme-diakonie .flex-caption {background:rgba(5,102,163,1.0); }
	.theme-jupf .flex-caption {background:rgba(212,64,0,1.0); }

.flex-caption-text {position:relative; padding:20px 0 55px 0; }

.flex-caption-text .btn{color:#5D487B; border-color:#ffffff; background-color:#ffffff; font-weight:700;}
.flex-caption-text .btn:hover{color:#5D487B; border-color:transparent; background-color:rgba(255,255,255,0.75);}

	.theme-diakonie .flex-caption-text .btn{color:#0566A3;}
	.theme-diakonie .flex-caption-text .btn:hover{color:#0566A3;}
	.theme-jupf .flex-caption-text .btn{color:#D44000;}
	.theme-jupf .flex-caption-text .btn:hover{color:#D44000;}

.flex-caption-text a{text-decoration:none;}
.flex-caption-text a:hover{text-decoration:none;}
.flex-caption-text h2{color:#ffffff; /*margin-bottom:1em;*/ margin:0; line-height:1.4em;}
.flex-caption-text h2:after {font-family:"evkkluebbeckeicon"; content:"\e903"; font-size:77%; margin-left:0.75em;}

.flex-caption-text .button{margin-bottom:30px;}
.flex-control-nav {bottom:15px; top:auto; line-height:1em; z-index:2; }
.flex-control-nav li {margin: 0 6px; }
.flexslider {margin:0 auto; background:transparent; border:none; position:relative; zoom:1; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; }
.flex-direction-nav {position:absolute; top:28%; width:100%; z-index:2; }
.flex-direction-nav a {text-decoration: none; display: block; width: 75px; height: 75px; margin: -38px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255, 255, 255, 0.8); text-shadow: none; 
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {font-family: "evkkluebbeckeicon"; font-size: 66px; line-height:75px; display: inline-block; content: '\e907'; color: rgba(255, 255, 255, 0.8); text-shadow: none; padding: 0 0; }
.flex-direction-nav a.flex-next:before {content: '\e908'; }
.flex-direction-nav .flex-prev {left: 20px; }
.flex-direction-nav .flex-next {right: 20px; text-align: right; }
.flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7; left: 0.5%; }
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.7; right: 0.5%; }
.flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1; }

.flex-control-paging li a {width: 9px; height: 9px; background: transparent; border:1px solid rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;}
.flex-control-paging li a:hover {background: #b3b3b3; background: rgba(255, 255, 255, 0.7); border:1px solid rgba(255, 255, 255, 0.7);}
.flex-control-paging li a.flex-active {background: #ffffff; background: rgba(255, 255, 255, 1.0); border:1px solid rgba(255, 255, 255, 1.0);}

@media (max-width:1199px) {	
	.flex-direction-nav{display:none;}
}


/* ----- Stageslider ----- */
/*.stageslider {}
.stageslider li {position:relative; }
.stageslider li .flex-image {min-height:232px; background-position:75% 50%; background-size:cover; position:relative;}
.stageslider li .container {position:relative; z-index:1; height:100%; }
.stageslider .flex-copyright {position:absolute; right:0; bottom:0; background:rgba(255,255,255,0.6); color:#000000; padding:3px 6px; line-height:1.2em; font-size:12px; }

@media (min-width:500px) {	
	.stageslider li .flex-image {min-height:232px;  }
}
@media (min-width:768px) {	
	.stageslider li .flex-image {min-height:350px; }
	.flex-direction-nav {top:50%;}
	.flex-caption {position:absolute; left:0; top:0; bottom:0; background:none; padding:0 20px;}

		.theme-diakonie .flex-caption {background:none;}
		.theme-jupf .flex-caption {background:none;}

	.flex-caption-text {position: absolute; top:50px; bottom:50px; display:inline-block; width:50%;}
	.flex-caption-text h2 {display:inline; color: #ffffff; background: #5D487B; font-size:26px; font-weight:400; line-height: 44px; padding: 3px 20px; -webkit-box-decoration-break: clone; box-decoration-break: clone;}

		.theme-diakonie .flex-caption-text h2 {background: #0566A3;}
		.theme-jupf .flex-caption-text h2 {background: #D44000;}

	.flex-caption-text .btn{margin-top:1em;}
}
@media (min-width:992px) {	
	.flex-caption-text {width:30%; top:80px;}
	.stageslider li .flex-image {min-height:420px; background-position:100% 50%; }
}
@media (min-width:1200px) {	
	.stageslider li .flex-image {min-height:420px;}	
	.flex-caption-text h2{font-size:30px; line-height:47px;}
	.flex-caption-text p{font-size:15px;}
}
@media (min-width:1600px) {	
	.stageslider li .flex-image {min-height:600px;}	
	.flex-caption-text {top:120px;}
	.flex-caption-text h2{font-size:36px; line-height:60px; padding: 6px 20px;}
}*/

/*neu*/
/* ----- Stageslider ----- */
.stageslider {}
.stageslider li {position:relative; }
.stageslider li .flex-image {min-height:232px; background-position:75% 50%; background-size:cover; position:relative;}
.stageslider li .container {position:relative; z-index:1; height:100%; }
.stageslider .flex-copyright {position:absolute; right:0; bottom:0; background:rgba(255,255,255,0.6); color:#000000; padding:3px 6px; line-height:1.2em; font-size:12px; }

@media (min-width:500px) {	
	.stageslider li .flex-image {min-height:232px;  }
}
@media (min-width:768px) {	
	.stageslider li .flex-image {min-height:380px; }
	.flex-direction-nav {top:50%;}
	.flex-caption {position:absolute; left:0; top:0; bottom:0; background:none; padding:0 20px; text-align:center;}

		.theme-diakonie .flex-caption {background:none;}
		.theme-jupf .flex-caption {background:none;}

	.flex-caption-text {position: absolute; left:0; right:0; bottom:55px; padding:0; margin:0; }
	.flex-caption-text a {color:#ffffff; text-decoration:none; display:block; }
	.flex-caption-text h2 {color: #ffffff; background: rgba(93,72,123,0.5); font-size:26px; font-weight:400; line-height: 44px; padding: 3px 20px; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
	.flex-caption-text:hover h2 {color: rgba(93,72,123,1); background: #ffffff; }
	.flex-caption-text h2:after {font-family:"evkkluebbeckeicon"; content:"\e903"; font-size:77%; margin-left:0.75em;}

		.theme-diakonie .flex-caption-text h2 {background: rgba(5,102,163,0.5);}
		.theme-diakonie .flex-caption-text:hover h2 {background: #ffffff; color: rgba(5,102,163,1);}
		.theme-jupf .flex-caption-text h2 {background: rgba(212,64,0,0.5);}		
		.theme-jupf .flex-caption-text:hover h2 {background: #ffffff; color: rgba(212,64,0,1);}
}
@media (min-width:992px) {	
	.stageslider li .flex-image {min-height:450px; background-position:100% 50%; }
}
@media (min-width:1200px) {	
	.stageslider li .flex-image {min-height:520px;}	
	.flex-caption-text h2{font-size:30px; line-height:47px;}
	.flex-caption-text p{font-size:15px;}
}
@media (min-width:1600px) {	
	.stageslider li .flex-image {min-height:640px;}	
	.flex-caption-text h2{font-size:36px; line-height:60px; padding: 6px 20px;}
}



/* ----- Stageslider (small) ----- */
.stageslider.small .flex-caption-text {padding:20px 0 30px 0; }
.stageslider.small li .flex-image {min-height:162px;  }

@media (min-width:500px) {	
	.stageslider.small li .flex-image {min-height:182px;  }
}
@media (max-width:767px) {	
	.stageslider.small {margin:0 20px;}
}
@media (min-width:768px) {	
	.stageslider.small {width:718px;}
	.stageslider.small li .flex-image {min-height:260px;  }
	.stageslider.small .flex-caption-text h2 { font-size:23px; margin:0;}
}
@media (min-width:992px) {	
	.stageslider.small {width:942px;}	
	.stageslider.small li .flex-image {min-height:300px;  }
	.stageslider.small .flex-caption {bottom:auto;}
	.stageslider.small .flex-caption-text {padding:30px 30px 30px 30px; bottom:auto; width:380px}
	.stageslider.small .flex-caption-text h2 { font-size:32px; }
}
@media (min-width:1200px) {	
	.stageslider.small {width:1140px;}	
	.stageslider.small li .flex-image {min-height:340px;  }
	.stageslider.small .flex-caption-text {width:480px}
}
@media (min-width:1600px) {	
	.stageslider.small {width:1420px;}	
	.stageslider.small li .flex-image {/*min-height:400px;*/min-height:541px;}	
	.stageslider.small .flex-caption-text h2 { font-size:40px; }
}



/* ----- Contentslider ----- */
.contentslider {margin:3em 0 6em 0; padding:4px; background: rgba(93,72,123,0.1); }

	.theme-diakonie .contentslider{background: rgba(5,102,163,0.1); }
	.theme-jupf .contentslider{background: rgba(212,64,0,0.1); }

.contentslider li {position:relative; }
.contentslider li .flex-image {position:relative; text-align:center; background: rgba(93,72,123,0.2);}

	.theme-diakonie .contentslider li .flex-image{background: rgba(5,102,163,0.2); }
	.theme-jupf .contentslider li .flex-image{background: rgba(212,64,0,0.2);  }

.contentslider li .flex-image:before{content: ""; display: block; padding-top: 66.666%;}
.contentslider li .flex-image a{display:block; position: absolute; left:0; top:0; width:100%; height:100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain;}
.contentslider li .flex-image img {display: inline-block; position: absolute; left: 0; top: 0;}
.contentslider .flex-copyright {position:absolute; right:0; top:0; bottom:auto; background:rgba(255,255,255,0.6); color:#000000; padding:3px 6px; line-height:1.2em; font-size:12px; }
.contentslider .flex-caption{padding:1em 6px; font-size:75%; line-height: 1.6em; position:relative; color:#000000; background: #efedf2;}
	
	.theme-diakonie .contentslider .flex-caption{background: #e5eff6;}
	.theme-jupf .contentslider .flex-caption{background: #fbebe5;}

.contentslider .flex-control-nav {bottom:-35px;}

.contentslider .flex-direction-nav {position:absolute; top:49%; width:100%; z-index:2; }
.contentslider .flex-direction-nav a {width: 50px; height: 50px; margin: -25px 0 0; top: 50%; }
.contentslider .flex-direction-nav a:before { font-size: 50px; line-height:50px;  }
.contentslider:hover .flex-direction-nav .flex-prev {left: 1.5%; }
.contentslider:hover .flex-direction-nav .flex-next {right: 1.5%; }

.contentslider .flex-control-paging li a { border:1px solid rgba(0,0,0,0.5);}
.contentslider .flex-control-paging li a:hover {background: rgba(0,0,0,0.7); border:1px solid rgba(0,0,0,0.7);}
.contentslider .flex-control-paging li a.flex-active {background: rgba(0,0,0,1.0); border:1px solid rgba(0,0,0,1.0);}

	@media (min-width:768px) {	
		.contentslider .flex-caption{padding:1em 16px;}
	}



/* Owl Carousel 
======================== */
.owl-prev,
.owl-next {text-decoration: none; display: block; width: 40px; height: 46px; margin: -23px 0 0 0; position: absolute; top: 40%; z-index: 10; overflow: hidden; cursor: pointer;}
.owl-prev{position:absolute; left:-60px;}
.owl-prev:before {font-family:"evkkluebbeckeicon"; font-size:40px; line-height:46px; content:'\e907'; color:rgba(0, 0, 0, 0.25);}
.owl-prev:hover:before {color:rgba(0, 0, 0, 1);}
.owl-next{position:absolute; right:-60px;}
.owl-next:before {font-family:"evkkluebbeckeicon"; font-size:40px; line-height:46px; content:'\e908'; color:rgba(0, 0, 0, 0.25);}
.owl-next:hover:before {color:rgba(0, 0, 0, 1);}

.owl-dots {text-align: center; -webkit-tap-highlight-color: transparent; margin-top:1em; }
.owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline; }
.owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 5px; background: transparent; border:1px solid #5D487B; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 50%; }
.owl-dots .owl-dot.active span, 
.owl-dots .owl-dot:hover span {background: #5D487B; }

	.theme-diakonie .owl-dots .owl-dot span {border:1px solid #0566A3; }
	.theme-diakonie .owl-dots .owl-dot.active span, 
	.theme-diakonie .owl-dots .owl-dot:hover span {background: #0566A3; }

	.theme-jupf .owl-dots .owl-dot span {border:1px solid #D44000; }
	.theme-jupf .owl-dots .owl-dot.active span, 
	.theme-jupf .owl-dots .owl-dot:hover span {background: #D44000; }


@media (max-width:1199px) {
    .owl-nav {display:none;}
}
@media (min-width:1600px) {
    .owl-nav {top:37.5%;} 
}


/* Events (Owl Carousel) 
======================== */
.events-carousel{margin:30px 0 0 0; }
.events-carousel .owl-wrapper-outer {left: 0;}
.event-item{position:relative; padding:15px;}
.event-item:hover{background:rgba(93,72,123,0.05);}

	.theme-diakonie .event-item:hover{background:rgba(5,102,163,0.05);}
	.theme-jupf .event-item:hover{background:rgba(212,64,0,0.05);}

.event-item .date{font-size:12px; margin-bottom:0.5em;}
.event-item h3{font-size: 18px; margin-bottom:0.575em; color: #5D487B;}

	.theme-diakonie .event-item h3{color: #0566A3;}
	.theme-jupf .event-item h3{color: #D44000;}

.event-item:hover h3{color: #000000;}
.event-item p{font-size:14px; line-height:1.4em; margin-bottom:0;}

@media (min-width:768px) {	
	.event-item .date{font-size:14px; }
	.event-item h3{font-size: 24px;}
	.event-item p{font-size:16px;}
}


/* Eventlist 
======================== */
.eventlist{}
.eventlist-item{position:relative; padding:20px; margin:0 0 10px 0; background:rgba(93,72,123,0.1);}
.eventlist-item:hover{background:rgba(93,72,123,0.05);}
.eventlist-item .date{margin:0 0 1em 0; padding:3px 10px; font-size:13px; font-weight:700; display:inline-block; color:#ffffff; background:#5D487B;}
.eventlist-item h3{font-size: 20px; margin-bottom:0.25em; color: #5D487B;}
.eventlist-item:hover h3{color: #000000;}
.eventlist-item p{margin:0;}

	.theme-diakonie .eventlist-item{background:rgba(5,102,163,0.1);}
	.theme-diakonie .eventlist-item:hover{background:rgba(5,102,163,0.05);}
	.theme-diakonie .eventlist-item .date{background:#0566A3; color:#ffffff;}
	.theme-diakonie .eventlist-item h3{color: #0566A3;}
	.theme-diakonie .eventlist-item:hover h3{color: #000000;}

	.theme-jupf .eventlist-item{background:rgba(212,64,0,0.1);}
	.theme-jupf .eventlist-item:hover{background:rgba(212,64,0,0.05);}
	.theme-jupf .eventlist-item .date{background:#D44000; color:#ffffff;}
	.theme-jupf .eventlist-item h3{color: #D44000;}
	.theme-jupf .eventlist-item:hover h3{color: #000000;}

	@media (min-width:768px) {	
		.eventlist-item h3{font-size: 26px;}
	}
	@media (min-width:1200px) {	
		.eventlist-item p{font-size: 16px;}
	}
	@media (min-width:1600px) {	
		.eventlist-item h3{font-size: 30px;}
	}


/* Downloadlist 
======================== */
.downloadlist{margin-bottom:10px;}
.downloadlist-item{position:relative; padding:20px; margin:0; background:rgba(93,72,123,0.1); display:inline-block; margin-right:-4px; vertical-align:top; width:100%; border:1px solid #ffffff;hyphens: auto;}
.downloadlist-item:hover{background:rgba(93,72,123,0.05);}
.downloadlist-item .date{margin:0 0 1em 0; padding:3px 10px; font-size:13px; font-weight:700; display:inline-block; color:#ffffff; background:#5D487B;}
.downloadlist-item h3{font-size: 16px; margin-top:0; margin-bottom:0; color: #5D487B; position:relative; padding-left:2em}
.downloadlist-item h3:before{font-family:"evkkluebbeckeicon"; content:"\e915"; position:absolute; top:-0.125em; left:0; font-size:120%; font-weight:400;}
.downloadlist-item:hover h3{color: #000000;}

	.theme-diakonie .downloadlist-item{background:rgba(5,102,163,0.1);}
	.theme-diakonie .downloadlist-item:hover{background:rgba(5,102,163,0.05);}
	.theme-diakonie .downloadlist-item .date{background:#0566A3; color:#ffffff;}
	.theme-diakonie .downloadlist-item h3{color: #0566A3;}
	.theme-diakonie .downloadlist-item:hover h3{color: #000000;}

	.theme-jupf .downloadlist-item{background:rgba(212,64,0,0.1);}
	.theme-jupf .downloadlist-item:hover{background:rgba(212,64,0,0.05);}
	.theme-jupf .downloadlist-item .date{background:#D44000; color:#ffffff;}
	.theme-jupf .downloadlist-item h3{color: #D44000;}
	.theme-jupf .downloadlist-item:hover h3{color: #000000;}

	@media (min-width:768px) {	
		.downloadlist-item{width:50%;}
	}
	@media (min-width:1200px) {	
		.downloadlist-item{width:33.333%;}
		.downloadlist-item h3{font-size: 20px;}
	}
	@media (min-width:1600px) {	
		.downloadlist-item{width:25%;}
	}

	.anchornavLink h3 {padding-left: 0;}
	.anchornavLink h3:before {display: none;}
	.anchornavLink.bg-light-blue{background:#E6EFF6;}
	.anchornavLink.bg-dark-blue{background:#0566A3;}
	.anchornavLink.bg-dark-blue h3 {color:#ffffff;}
	.anchornavLink.bg-dark-blue p {color:#ffffff;}
	.anchornavLink.bg-dark-blue:hover p {color:#000000;}

/* 3 Spalten */
.downloadlist-item-2{position:relative; padding:20px; margin:0; background:rgba(93,72,123,0.1); display:inline-block; margin-right:-4px; vertical-align:top; width:100%; border:1px solid #ffffff;hyphens: auto; min-height: 150px;}
.downloadlist-item-2:hover{background:rgba(93,72,123,0.05);}
.downloadlist-item-2 .date{margin:0 0 1em 0; padding:3px 10px; font-size:13px; font-weight:700; display:inline-block; color:#ffffff; background:#5D487B;}
.downloadlist-item-2 h3{font-size: 16px; margin-top:0; margin-bottom:0; color: #5D487B; position:relative; padding-left:2em}
.downloadlist-item-2 h3:before{font-family:"evkkluebbeckeicon"; content:"\e915"; position:absolute; top:-0.125em; left:0; font-size:120%; font-weight:400;}
.downloadlist-item-2:hover h3{color: #000000;}

	.theme-diakonie .downloadlist-item-2{background:rgba(5,102,163,0.1);}
	.theme-diakonie .downloadlist-item-2:hover{background:rgba(5,102,163,0.05);}
	.theme-diakonie .downloadlist-item-2 .date{background:#0566A3; color:#ffffff;}
	.theme-diakonie .downloadlist-item-2 h3{color: #0566A3;}
	.theme-diakonie .downloadlist-item-2:hover h3{color: #000000;}

	.theme-jupf .downloadlist-item-2{background:rgba(212,64,0,0.1);}
	.theme-jupf .downloadlist-item-2:hover{background:rgba(212,64,0,0.05);}
	.theme-jupf .downloadlist-item-2 .date{background:#D44000; color:#ffffff;}
	.theme-jupf .downloadlist-item-2 h3{color: #D44000;}
	.theme-jupf .downloadlist-item-2:hover h3{color: #000000;}

	@media (min-width:768px) {	
		.downloadlist-item-2{width:50%;}
	}
	@media (min-width:1200px) {	
		.downloadlist-item-2{width:33.333%;}
		.downloadlist-item-2 h3{font-size: 20px;}
	}
	@media (min-width:1600px) {	
		.downloadlist-item-2{width:33.333%;}
	}
	.anchornavLink h3 {padding-left: 0;}
	.anchornavLink h3:before {display: none;}
	.anchornavLink.bg-light-blue{background:#E6EFF6;}
	.anchornavLink.bg-dark-blue{background:#0566A3;}
	.anchornavLink.bg-dark-blue h3 {color:#ffffff;}
	.anchornavLink.bg-dark-blue p {color:#ffffff;}
	.anchornavLink.bg-dark-blue:hover p {color:#000000;}

/* Breadcrumbs 
======================== */
.breadcrumbs {margin: 0; padding:4px 0 3px 0; border-bottom:4px solid #5D487B;}
.breadcrumb {padding: 0.5em 20px; margin-bottom: 0; list-style: none; font-size:12px; background-color: transparent; color:#5D487B; background:rgba(93,72,123,0.10);}
.breadcrumb > li + li:before {font-family:"evkkluebbeckeicon"; content:"\e90c"; font-size:70%; padding: 0 8px 0 0;  color:#5D487B;}
.breadcrumb > .active {color: #000000; }
.breadcrumb a {color: #5D487B; margin: 0px 5px 0 0;}

	.theme-diakonie .breadcrumbs { border-bottom:4px solid #0566A3;}
	.theme-diakonie .breadcrumb { color:#0566A3; background:rgba(5,102,163,0.10);}
	.theme-diakonie .breadcrumb > li + li:before {color:#0566A3;}
	.theme-diakonie .breadcrumb > .active {color: #000000; }
	.theme-diakonie .breadcrumb a {color: #0566A3; }

	.theme-jupf .breadcrumbs { border-bottom:4px solid #D44000;}
	.theme-jupf .breadcrumb { color:#D44000; background:rgba(212,64,0,0.10);}
	.theme-jupf .breadcrumb > li + li:before {color:#D44000;}
	.theme-jupf .breadcrumb > .active {color: #000000; }
	.theme-jupf .breadcrumb a {color: #D44000; }

@media (min-width:1200px) {	
	.breadcrumb {font-size:14px; }
}


/* Forms 
======================== */
label {font-size: 85%; }
.form-control{ -webkit-box-shadow:none; box-shadow:none; height: 40px; padding: 9px 20px; border:1px solid #ffffff;}

.has-error .form-control{ border-color:#eb1a22;}
.has-error label {color:#eb1a22;}

@media (min-width:1200px) {	
	.form-control{ height: 46px; padding: 12px 20px;}
}


/* Googlemaps 
======================== */
.gm-style-iw .form-control{ height: 32px; padding: 4px 10px; margin:20px 0 10px 0; border:1px solid #cccccc; font-size:14px;}
.gm-style-iw h4{ margin-bottom: 0.5em; font-family: 'Oxygen', sans-serif; font-size: 14px; line-height: 1.6em;}
.gm-style-iw p{ margin-bottom: 0.5em;}




/* Collapse
======================== */
.panel-group {margin-bottom: 1em; border-top:4px solid rgba(93,72,123,0.15);}
.panel-group .panel + .panel {margin-top: 0px; }
.panel-group .panel-heading {border-bottom: 1px solid rgba(93,72,123,0.15);}
.panel-heading {padding: 0.75em 0; }
.panel-title {font-size: 16px; color: #5D487B; }
.panel-title > a {display:block; color: inherit; text-decoration:none; position:relative;}
.panel-title > a:after {font-family:"evkkluebbeckeicon"; content:"\e905"; font-size:70%; top: 3px; right:0; position: absolute; }
.panel-title > a.collapsed:after {content:"\e906";  }
.panel-body {padding: 1em 0; }
.panel {-webkit-box-shadow: none; box-shadow: none; border:none; background-color:transparent}
.panel-default > .panel-heading {color: #333333; background-color: transparent; border-color: rgba(93,72,123,0.15); }
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {border-top: none; }

@media (min-width:1200px) {
	.panel-title {font-size: 24px;  }
}


/* Copyright 
======================== */
.img-copyright {position:absolute; right:0; bottom:0; background: rgba(255,255,255,0.4); color: #000000; padding: 2px 4px; line-height: 1.2em; font-size: 11px;}



/* News Detail
======================== */
.news-detail-media{}
.news-detail-media .news-image{margin-bottom:1em;}
.news-detail-media .news-image .caption{padding:0.75em 0; font-size:85%; border-bottom: 1px solid rgba(93,72,123,0.15);}


/* Quote
======================== */
.quote{}

.quote-img{ margin-top:1.5em;}

.quote-txt{}
.quote-txt{border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:1.5em;}
.quote-txt .date{color:rgba(255,255,255,0.5); font-weight:700; margin-bottom:0.5em;}
.quote-txt h2{font-size:22px; }
.quote-txt p{font-family: 'Rufina', serif; font-size:16px; font-style: italic; padding-left:3em; margin-bottom:2em; position:relative;}
.quote-txt p:before{font-family: 'Rufina', serif; content:"”"; font-size:6.5em; line-height:1em; color:rgba(255,255,255,0.15); position:absolute; left:-0.15em; top:-0.15em;}
.quote-txt .buttons .btn{margin:10px 25px 0 0;}

.person{ text-align:center; padding:0 30px;}
.person + .person{ margin-top:2.5em;}
.person .img{width:100%; max-width:178px; margin-bottom:0.75em; position:relative; display:inline-block; border:4px solid #75638F; border-radius:50%; overflow:hidden; background-repeat: no-repeat; background-position:50% 50%; background-size:cover;}
	
	.theme-diakonie .person .img{border:4px solid #2A7DB1;}
	.theme-jupf .person .img{border:4px solid #DA5C26;}

.person .img:before{content: ""; display: block;  padding-top: 100%;}
.person .txt{font-size:12px; line-height:1.3em; text-align:center;}
.person .buttons{margin-top:1.5em; margin-bottom:1em;}

@media (min-width: 768px) {
	.quote-img{display:inline-block; vertical-align:top; margin-right:-4px; width:25%; margin-left:-100%; margin-top:0;}
	.quote-txt{display:inline-block; vertical-align:top; margin-right:-4px; width:74.9%; margin-left:25%; padding:0 30px; border-bottom:none; border-left:1px solid rgba(255,255,255,0.2);}
	.quote-txt h2{font-size:26px; }
	.quote-txt p{font-size:20px; }
}
@media (min-width: 1200px) {
	.quote-txt{padding:0 40px;}
	.quote-txt .date{font-size:20px;}
	.quote-txt h2{font-size:40px; }
	.quote-txt p{font-size:28px; line-height:1.3em; }
	.quote-txt p:before{font-size:7em; top:-0.25em;}
	.person{padding:0 40px;}
	.person .txt{font-size:14px; }
	.person .buttons{font-size:14px;}
}


/* Bigteaser
======================== */
.bigteaser{text-align:center;}
.bigteaser h2{font-size:26px; margin:0.75em 0;}
.bigteaser p{margin:0 0 3em 0; line-height:1.5em;}

@media (min-width: 768px) {
	.bigteaser h2{font-size:40px; }
}

/* Losung
======================== */
.losung{text-align:left;}
.losung h2{font-size:16px; margin:1.5em 0 0.75em 0; font-weight:400; font-style: italic; position:relative; padding-left:50px;}
.losung h2:before{font-family: 'Rufina', serif; content:"”"; font-size:6.5em; line-height:1em; color:rgba(0,0,0,0.15); position:absolute; left:-0.15em; top:-0.15em;}
.bg-dark .losung h2:before{ color:rgba(255,255,255,0.15); }
.losung p{margin:0 0 1em 0; line-height:1.5em; padding-left:50px;}

@media (min-width: 768px) {
	.losung h2{font-size:28px; padding-left:90px;}
	.losung p{ padding-left:90px;}
}


/* Footer 
================================================ */
.footer{font-size:14px; line-height:1.6em; margin-top:160px;}
.footer h2{margin:1em 0 0.75em 0; font-size:20px; font-weight:400; color:#75638F;}

	.theme-diakonie .footer h2{color:#0566A3;}
	.theme-jupf .footer h2{color:#D44000;}

.footer p{margin:0 0 1em 0; font-size:14px; line-height:1.6em; }
.footer ul {list-style:none; margin:0; padding:0; margin:0 0 1em 0; font-size:14px; font-weight:700;}
.footer ul li{padding:0.25em 0; position:relative;}
.footer ul li a:hover{color:#000000; text-decoration: none;}
.footer ul li a:after{font-family:"evkkluebbeckeicon"; content:"\e903"; font-size:55%; margin-left:0.5em; top: -1px; position: relative;}

	@media (min-width:768px) and (max-width:1199px) {	
		.footer .col-lg-3{display:inline-block; vertical-align:top; margin-right:-4px; width:50%;}
	}


/* Search 
================================================ */
.searchform{position:relative;}
.searchform .form-group{margin:0; font-family: 'Oxygen', sans-serif;}
.searchform .form-control {height: 42px; padding: 10px 20px; font-size:16px; margin-top:0; margin-bottom:1em;}
.sm .searchform .form-group{display:block;}
.sm .searchform .form-control {height: 46px; width:100%; padding:12px 60px 12px 20px; font-size:16px; margin-top:0.5em; margin-bottom:0.5em;}
.searchform .form-control:focus {border-color: transparent; box-shadow: none; }
.searchform label{display:none; font-size:14px;}
.searchform button{position:absolute; right:10px; top:4px; background:transparent; border:none; }
.searchform button span{display:none; }
.searchform button:before{font-family:"evkkluebbeckeicon"; content:"\e902"; position:absolute; right:10px; top:12px; font-size:24px;}
.sm .searchform button:before{ top:6px; }

	@media (min-width:768px) {	
		.searchform .form-control {margin-bottom:0;}
		.sm .searchform button:before{ top:12px; }
	}

.subnav .searchform{float:right; margin-top:1px;}
.subnav .searchform .form-group{margin:0; font-family: 'Oxygen', sans-serif;}
.subnav .searchform .form-control {height:32px; font-size:14px; padding:9px 12px; width:300px;}
.subnav .searchform label{display:inline; margin-right:12px;}
.subnav .searchform button{right:10px; top:0;  }
.subnav .searchform button:before{ right:0; top:3px; font-size:18px;}

	@media (max-width:1199px) {	
		.subnav .searchform{display:none;}
	}


/* Pagination 
======================== */
.pagination {margin: 1em 0;}
.pagination > li > a, 
.pagination > li > span {padding: 3px 11px; line-height: 1.8; color: #5d487b; background-color: rgba(93,72,123,0.10); border: none; margin-left: 4px; font-size: 14px; position:relative;}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {color: #ffffff; background-color: rgba(93,72,123,1); }
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {color: #ffffff; background-color: #5d487b; }
.pagination > .disabled > span, 
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus {color: rgba(93,72,122,0.3); background-color: rgba(93,72,123,0.10); }

	.theme-diakonie .pagination > li > a, 
	.theme-diakonie .pagination > li > span {color: #0566A3; background-color: rgba(5,102,163,0.10);}
	.theme-diakonie .pagination > li > a:hover, 
	.theme-diakonie .pagination > li > span:hover, 
	.theme-diakonie .pagination > li > a:focus, 
	.theme-diakonie .pagination > li > span:focus {color: #ffffff; background-color: rgba(5,102,163,1); }
	.theme-diakonie .pagination > .active > a, 
	.theme-diakonie .pagination > .active > span, 
	.theme-diakonie .pagination > .active > a:hover, 
	.theme-diakonie .pagination > .active > span:hover, 
	.theme-diakonie .pagination > .active > a:focus, 
	.theme-diakonie .pagination > .active > span:focus {color: #ffffff; background-color: #0566A3; }
	.theme-diakonie .pagination > .disabled > span, 
	.theme-diakonie .pagination > .disabled > span:hover, 
	.theme-diakonie .pagination > .disabled > span:focus, 
	.theme-diakonie .pagination > .disabled > a, 
	.theme-diakonie .pagination > .disabled > a:hover, 
	.theme-diakonie .pagination > .disabled > a:focus {color: rgba(5,102,163, 0.3); background-color: rgba(5,102,163,0.10); }

	.theme-jupf .pagination > li > a, 
	.theme-jupf .pagination > li > span {color: #D44000; background-color: rgba(212,64,0,0.10);}
	.theme-jupf .pagination > li > a:hover, 
	.theme-jupf .pagination > li > span:hover, 
	.theme-jupf .pagination > li > a:focus, 
	.theme-jupf .pagination > li > span:focus {color: #ffffff; background-color: rgba(212,64,0,1); }
	.theme-jupf .pagination > .active > a, 
	.theme-jupf .pagination > .active > span, 
	.theme-jupf .pagination > .active > a:hover, 
	.theme-jupf .pagination > .active > span:hover, 
	.theme-jupf .pagination > .active > a:focus, 
	.theme-jupf .pagination > .active > span:focus {color: #ffffff; background-color: #D44000; }
	.theme-jupf .pagination > .disabled > span, 
	.theme-jupf .pagination > .disabled > span:hover, 
	.theme-jupf .pagination > .disabled > span:focus, 
	.theme-jupf .pagination > .disabled > a, 
	.theme-jupf .pagination > .disabled > a:hover, 
	.theme-jupf .pagination > .disabled > a:focus {color: rgba(212,64,0, 0.3); background-color: rgba(212,64,0,0.10); }

.pagination > li:first-child span,
.pagination > li:last-child span {display:none;}
.pagination > li:first-child > a:before {font-family:"evkkluebbeckeicon"; content:"\e904"; font-size:70%; }
.pagination > li:last-child > a:before {font-family:"evkkluebbeckeicon"; content:"\e903"; font-size:70%; }

	@media (min-width:768px) {	
		.pagination {margin: 1em 20px;}
	}


/* Article 
======================== */
.article {}	
.article h1 {color:#5D477A; margin-bottom:0.5em;}	
.article h2 {color:#5D477A; margin-bottom:1.5em; position:relative;}	
.article h2:after {content: ""; border-bottom: 4px solid #5D477A; width: 40px; position: absolute; left: 0; bottom: -0.75em;}
	.theme-diakonie .article h2:after {border-bottom: 4px solid #0566A3;}
	.theme-jupf .article h2:after {border-bottom: 4px solid #D44000;}
.article h3 { margin-bottom:0.5em;}
.article h4 { margin-bottom:0.5em;}
.article h5 { margin-bottom:0.5em;}
.article h6 { margin-bottom:0.5em;}
.article a {text-decoration:underline;}	
	
	.theme-diakonie .article h1 {color:#0566A3;}	
	.theme-diakonie .article h2 {color:#0566A3;}
	.theme-jupf .article h1 {color:#D44000;}
	.theme-jupf .article h2 {color:#D44000;}

.author {font-size:14px; padding:0 0 0.5em 0; margin:0 0 1em 0; color: rgba(93,72,123,0.7); border-bottom:1px solid rgba(93,72,123,0.3);}	

	@media (min-width:768px) {	
		.article {padding:0 20px;}	
	}


/* Aside 
======================== */
.aside-item{background: rgba(93,72,123,0.1); padding:20px; margin-bottom:20px;}

	.theme-diakonie .aside-item{background: rgba(5,102,163,0.1); }
	.theme-jupf .aside-item{background: rgba(212,64,0,0.1); }

.aside-item .aside-headline{}

	@media (max-width:767px) {	
		.aside{margin-top:6em;}
	}
	@media (min-width:768px) {	
		.aside-item .aside-headline{font-size:20px;}
	}

	@media (min-width:1200px) {	
		.aside-item .person{padding: 0 30px;}
	}


/* Contactperson 
======================== */
.contactperson{background: rgba(93,72,123,0.1); padding:20px; margin:1em 0; text-align:center;}
.contactperson .person{margin-top: 2.5em;}
.article .contactperson a {text-decoration: none; }

	.theme-diakonie .contactperson{background: rgba(5,102,163,0.1); }
	.theme-jupf .contactperson{background: rgba(212,64,0,0.1); }

	@media (min-width:768px) {	
		.contactperson .person{display:inline-block; vertical-align:top; margin-right:-4px; width:33.333%;}
	}
	@media (min-width:992px) {	
		.contactperson .person{width:25%;}
	}
	@media (min-width:1600px) {	
		.contactperson .person{width:20%;}
	}


/* itemlist 
======================== */
.itemlist{background: rgba(93,72,123,0.1); padding:20px; margin:1em 0; text-align:center;}
.itemlist .item{margin-top: 2.5em; text-align:center; padding:0 30px;}
.itemlist .item + .itemlist .item{ margin-top:2.5em;}
.article .itemlist a {text-decoration: none; }
.itemlist .item .img{width:100%; max-width:250px; margin-bottom:0.75em; padding:10px; position:relative; display:inline-block; background-color:#ffffff; border:4px solid #75638F; border-radius:0%; overflow:hidden; background-repeat: no-repeat; background-position:50% 50%; background-size:contain; background-origin:content-box;}
.itemlist .item .img:before{content: ""; display: block; padding-top: 100%;}
.itemlist.itemlist-lg .item .img{max-width:360px; }

	.theme-diakonie .itemlist .item .img{border:4px solid #2A7DB1;}
	.theme-jupf .itemlist .item .img{border:4px solid #DA5C26;}

.itemlist .item .txt{font-size:12px; line-height:1.3em; text-align:center;}
.itemlist .item .buttons{margin-top:1.5em; margin-bottom:1em;}
.itemlist .item .buttons .btn{margin:0 0.25em 0.5em 0.25em;}

	.theme-diakonie .itemlist{background: rgba(5,102,163,0.1); }
	.theme-jupf .itemlist{background: rgba(212,64,0,0.1); }

	@media (min-width:768px) {	
		.itemlist .item{display:inline-block; vertical-align:top; margin-right:-4px; width:33.333%;}
		.itemlist.itemlist-lg .item{width:50%;}
	}
	@media (min-width:992px) {	
		.itemlist .item{width:25%;}
		.itemlist.itemlist-lg .item{width:33.333%;}
	}
	@media (min-width: 1200px) {
		.itemlist .item{padding:0 40px;}
		.itemlist .item .txt{font-size:14px; }
		.itemlist .item .buttons{font-size:14px;}
	}
	@media (min-width:1600px) {	
		.itemlist .item{width:20%;}
		.itemlist.itemlist-lg .item{width:33.333%;}
	}









/* Lightboximage 
======================== */
.lightboximage{margin:0; padding:4px; background: rgba(93,72,123,0.1); display:inline-block;}

	.theme-diakonie .lightboximage{background: rgba(5,102,163,0.1); }
	.theme-jupf .lightboximage{background: rgba(212,64,0,0.1); }

.lightboximage .caption{padding:1em 6px; font-size:75%; line-height: 1.6em;}
.lightboximage .img{position:relative; width:100%; height:100%;}
.magnify{ position:absolute; right:0; bottom:0; background:#ffffff; width:40px; height:40px;}
.magnify:before{font-family:"evkkluebbeckeicon"; content:"\e911"; font-size:29px; position: absolute; left: 5px; top: 6px; line-height:1em; color:#000000;}

	@media (min-width:768px) {	
		.lightboximage{max-width:70%;}
		.lightboximage .caption{padding:1em 16px;}
	}


/* Modal 
======================== */
.modal-title {font-family: 'Oxygen', sans-serif; padding-right: 40px; line-height:1.4em;}

.modal-header .close {margin-top:0; position:relative; text-shadow: none; opacity: 1;}
.modal-header .close span {display:none; }
.modal-header .close:before{font-family:"evkkluebbeckeicon"; content:"\e912"; font-size:27px; position: absolute; right: 0; top: 0; line-height:1em; font-weight:400;}



/* Searchlist
================================================ */
.searchlist {}
.searchlist-item {padding:1em 0; border-top: 1px solid rgba(93,72,123,0.2);}
.searchlist-item:first-child {border-top:none;}

	.theme-diakonie .searchlist-item { border-top:1px solid rgba(5,102,163,0.2);}
	.theme-jupf .searchlist-item { border-top:1px solid rgba(212,64,0,0.2);}

.searchlist-item-header {}
.searchlist-item-header h3{margin:0 0 0.25em 0;}

.searchlist-item-content p{margin:0;}

.searchlist-item-content strong{color:rgba(93,72,123,1); background:rgba(93,72,123,0.1);}

	.theme-diakonie .searchlist-item-content strong{color:rgba(5,102,163,1); background:rgba(5,102,163,0.1);}
	.theme-jupf .searchlist-item-content strong{color:rgba(212,64,0,1); background:rgba(212,64,0,0.1);}


/* Gallery 
======================== */
/*#gallerysync1 .item{position: relative; width: 100%; background-repeat: no-repeat; background-position:50% 50%; background-size:contain;}
#gallerysync1 .item:before{content: ""; display: block; padding-top: 66.67%;}*/
#gallerysync1 .item{padding: 0; margin: 0; text-align: center; cursor:pointer;}

#gallerysync2 .item{position: relative; width: 100%; background-repeat: no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#gallerysync2 .item:before{content: ""; display: block; padding-top: 100%;}

.gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.lg-sub-html h3 {margin: 0; font-size: 18px; font-weight:400; color:#ffffff; }
.lg-sub-html p {font-size: 14px; margin: 0.25em 0 0 0;}


@media (max-width:991px) {	
	.gallery{margin-top:40px;}	
}
@media (min-width:992px) {	
	.lg-sub-html h3 { font-size: 24px;  }
	.lg-sub-html p {font-size: 18px; }
}


/* Filelist 
======================== */
.filelist{list-style:none; padding-left:0; }
.filelist li{list-style:none; margin:0; padding:0.5em 0 0.5em 30px; line-height:1.6em;}
.filelist li:first-child{border-top:none;}
.filelist li a{position:relative; font-weight:700; display:block; text-decoration:none;}
.filelist li a:before{font-family:"evkkluebbeckeicon"; content:"\e915"; position:absolute; top:1px; left:-30px; font-size:140%; font-weight:400;}
.filelist .desc{display:block;}

.aside .filelist{margin-bottom:0; }
.aside .filelist li{font-size:14px;  }


/* Karte (Plugin) 
======================== */
.community-search .form-control {height: 42px; padding: 10px 20px; font-size:16px;}


.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-map-pane svg,.leaflet-map-pane canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0;}
.leaflet-container{overflow:hidden;}
.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;}
.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast;}
.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0;}
.leaflet-marker-icon,.leaflet-marker-shadow{display:block;}
.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none !important;}
.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y;}
.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;}
.leaflet-container.leaflet-touch-drag.leaflet-touch-drag{-ms-touch-action:none;touch-action:none;}
.leaflet-tile{filter:inherit;visibility:hidden;}
.leaflet-tile-loaded{visibility:inherit;}
.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800;}
.leaflet-overlay-pane svg{-moz-user-select:none;}
.leaflet-pane{z-index:400;}
.leaflet-tile-pane{z-index:200;}
.leaflet-overlay-pane{z-index:400;}
.leaflet-shadow-pane{z-index:500;}
.leaflet-marker-pane{z-index:600;}
.leaflet-tooltip-pane{z-index:650;}
.leaflet-popup-pane{z-index:700;}
.leaflet-map-pane canvas{z-index:100;}
.leaflet-map-pane svg{z-index:200;}
.leaflet-vml-shape{width:1px;height:1px;}
.lvml{behavior:url(#default#VML);display:inline-block;position:absolute;}
.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto;}
.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none;}
.leaflet-top{top:0;}
.leaflet-right{right:0;}
.leaflet-bottom{bottom:0;}
.leaflet-left{left:0;}
.leaflet-control{float:left;clear:both;}
.leaflet-right .leaflet-control{float:right;}
.leaflet-top .leaflet-control{margin-top:10px;}
.leaflet-bottom .leaflet-control{margin-bottom:10px;}
.leaflet-left .leaflet-control{margin-left:10px;}
.leaflet-right .leaflet-control{margin-right:10px;}
.leaflet-fade-anim .leaflet-tile{will-change:opacity;}
.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear;}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1;}
.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;}
.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;}
.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform 0.25s cubic-bezier(0,0,0.25,1);-moz-transition:-moz-transform 0.25s cubic-bezier(0,0,0.25,1);-o-transition:-o-transform 0.25s cubic-bezier(0,0,0.25,1);transition:transform 0.25s cubic-bezier(0,0,0.25,1);}
.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden;}
.leaflet-interactive{cursor:pointer;}
.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;}
.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair;}
.leaflet-popup-pane,.leaflet-control{cursor:auto;}
.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;}
.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane > svg path,.leaflet-tile-container{pointer-events:none;}
.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane > svg path.leaflet-interactive{pointer-events:visiblePainted;pointer-events:auto;}
.leaflet-container{background:#ddd;outline:0;}
/*.leaflet-container a{color:#0078A8;}*/
.leaflet-container a.leaflet-active{outline:2px solid orange;}
.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,0.5);}
.leaflet-container{font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif;}
.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,0.65);border-radius:4px;}
.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:black;}
.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block;}
.leaflet-bar a:hover{background-color:#f4f4f4;}
.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px;}
.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none;}
.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb;}
.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px;}
.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px;}
.leaflet-control-zoom-out{font-size:20px;}
.leaflet-touch .leaflet-control-zoom-in{font-size:22px;}
.leaflet-touch .leaflet-control-zoom-out{font-size:24px;}
.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,0.4);background:#fff;border-radius:5px;}
.leaflet-control-layers-toggle{background-image:url(images/layers.png);width:36px;height:36px;}
.leaflet-retina .leaflet-control-layers-toggle{background-image:url(images/layers-2x.png);background-size:26px 26px;}
.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px;}
.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none;}
.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative;}
.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff;}
.leaflet-control-layers-scrollbar{overflow-y:scroll;padding-right:5px;}
.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px;}
.leaflet-control-layers label{display:block;}
.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px;}
.leaflet-default-icon-path{background-image:url(images/marker-icon.png);}
.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,0.7);margin:0;}
.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;}
.leaflet-control-attribution a{text-decoration:none;}
.leaflet-control-attribution a:hover{text-decoration:underline;}
.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px;}
.leaflet-left .leaflet-control-scale{margin-left:5px;}
.leaflet-bottom .leaflet-control-scale{margin-bottom:5px;}
.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:rgba(255,255,255,0.5);}
.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px;}
.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777;}
.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none;}
.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,0.2);background-clip:padding-box;}
.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px;}
.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px;}
.leaflet-popup-content{margin:13px 19px;line-height:1.4;}
.leaflet-popup-content p{margin:18px 0;}
.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none;}
.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;color:#333;box-shadow:0 3px 14px rgba(0,0,0,0.4);}
.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:bold;background:transparent;}
.leaflet-container a.leaflet-popup-close-button:hover{color:#999;}
.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1;}
.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);}
.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px;}
.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999;}
.leaflet-div-icon{background:#fff;border:1px solid #666;}
.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,0.4);}
.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto;}
.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:"";}
.leaflet-tooltip-bottom{margin-top:6px;}
.leaflet-tooltip-top{margin-top:-6px;}
.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px;}
.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff;}
.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff;}
.leaflet-tooltip-left{margin-left:-6px;}
.leaflet-tooltip-right{margin-left:6px;}
.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px;}
.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff;}
.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff;}
#map-kitas{width:100%;height:400px;z-index:1;}
.kita-list{overflow-y:scroll;height:300px;}
.kita-list-entry{padding:10px;cursor:pointer; }
.kita-list-entry h4{margin-bottom:0; font-family: 'Oxygen', sans-serif; font-size:14px; line-height: 1.6em;}
.kita-list-entry.active{background:white;}
.kita-list-entry p{margin:0; font-size:14px;line-height: 1.6em;}
.kita-list-entry span.distance{float:right;}
	@media (min-width:768px){
		#map-kitas{height:600px;}
		.kita-list{height:600px;}
	}
.leaflet-popup-content hr{margin:3px;}
.leaflet-popup-content p{margin:0;}
.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform 0.3s ease-out,opacity 0.3s ease-in;-moz-transition:-moz-transform 0.3s ease-out,opacity 0.3s ease-in;-o-transition:-o-transform 0.3s ease-out,opacity 0.3s ease-in;transition:transform 0.3s ease-out,opacity 0.3s ease-in;}
.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset 0.3s ease-out,-webkit-stroke-opacity 0.3s ease-in;-moz-transition:-moz-stroke-dashoffset 0.3s ease-out,-moz-stroke-opacity 0.3s ease-in;-o-transition:-o-stroke-dashoffset 0.3s ease-out,-o-stroke-opacity 0.3s ease-in;transition:stroke-dashoffset 0.3s ease-out,stroke-opacity 0.3s ease-in;}
.marker-cluster-small{background-color:rgba(181,226,140,0.6);}
.marker-cluster-small div{background-color:rgba(110,204,57,0.6);}
.marker-cluster-medium{background-color:rgba(241,211,87,0.6);}
.marker-cluster-medium div{background-color:rgba(240,194,12,0.6);}
.marker-cluster-large{background-color:rgba(253,156,115,0.6);}
.marker-cluster-large div{background-color:rgba(241,128,23,0.6);}
.leaflet-oldie .marker-cluster-small{background-color:rgb(181,226,140);}
.leaflet-oldie .marker-cluster-small div{background-color:rgb(110,204,57);}
.leaflet-oldie .marker-cluster-medium{background-color:rgb(241,211,87);}
.leaflet-oldie .marker-cluster-medium div{background-color:rgb(240,194,12);}
.leaflet-oldie .marker-cluster-large{background-color:rgb(253,156,115);}
.leaflet-oldie .marker-cluster-large div{background-color:rgb(241,128,23);}
.marker-cluster{background-clip:padding-box;border-radius:20px;}
.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px "Helvetica Neue",Arial,Helvetica,sans-serif;}
.marker-cluster span{line-height:30px;}



/* Googlemaps
======================== */
.gm-style-iw h4{font-size:14px;}
.gm-style-iw p{margin:0 0 0.5em 0;}
.gm-style-iw .btn{margin:10px 0 0 0; font-size:13px;}
.gm-style-iw .form-control{margin:20px 0 0 0; font-size:13px; height: 34px; padding:6px 10px; border:1px solid #5D487B;}

	.theme-diakonie .gm-style-iw .form-control{border: 1px solid #0566A3;}
	.theme-jupf .gm-style-iw .form-control{border: 1px solid #D44000;}

	@media (max-width:599px){
		.gm-style-iw > div > div{width:190px;}
		.gm-style-iw {font-size:12px;}
	}
	@media (max-width:359px){
		.gm-style-iw > div > div{width:150px;}
	}




/* Cookie
======================== */
#cookie {line-height: 2em!important; top: 0; width: 100%; background-color: white; padding: 20px 15px!important; text-align: center; border-bottom: none!important; position: relative; box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.5)!important; display: none; color: #000000!important; font-size: 0.75em!important; z-index: 1000; }
#cookie a {font-weight:bold; color:#5D487B!important; text-decoration:underline; }

	.theme-diakonie #cookie a {font-weight:bold; color:#0566A3!important;  }
	.theme-jupf #cookie a {font-weight:bold; color:#D44000!important;  }



/* Print 
======================== */
@media print {
	body{font-size:10pt!important; }
	a{color:#5D487B!important;}
	a[href]:after {content:none; }
	.container {margin:0; padding:0; width:100%;}
	li, h1, h2, h3, h4{page-break-inside:avoid!important;}
	.btn{background:transparent!important; color:#5D487B!important; border-color:#5D487B!important;}
	.btn:after{color:#5D487B!important; }
}
/* 
======================== */

@media (min-width:482px) and (max-width: 767px) {
    .flexslider.stageslider .flex-caption {
        min-height: 163px;
    }
}
@media (max-width: 481px) {
    .flexslider.stageslider .flex-caption {
        min-height: 226px;
    }
    .flex-caption-text {
        padding-bottom: 0px;
    }
}
@media (max-width:767px) {
	.footer {
		margin-top: 0px;
	}
}