/*
Theme Name: Diakonie-Kork
Version: 1.0
Author: VI5IT
Author URI: www.vi5it.de
Text Domain: diakonie-kork
*/

/*
wheat: rgba(255,240,199,1 ) #ffbe3c
cyan: rgba(74,165,225,1 ) #4aa5e1
*/



/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 SETUP
	1.1 Normalize 
	1.2 Screen-Reader
	1.3 Alignments / Clearings / Sticky-Post
	1.4 Global Typography

2.0 ELEMENTS 
	2.1 Typography Elements
		2.1.1 Headers
		2.1.2 p / span / a
		2.1.3 Text-Formating
	2.2 Semantic Elements
	2.3 Forms
	2.4 Lists
	2.5 Tables
	2.6 Images / Icons

3.0 GLOBAL LAYOUT
	3.1 Site-Header
		3.1.1 Top-Bar
		3.1.2 Logo-Bar
		3.1.3 Site-Navigation
		3.1.4 Banner
	3.2 Site-Content / Site-Sidebar
	3.3 Site-Footer
	
4.0 LISTING LAYOUT
	4.1 Header
	4.2 Content
	4.3 Footer
	4.4 Listing-Item

5.0 DETAIL LAYOUT
	5.1 Header
	5.2 Content
	5.3 Footer
	
6.0 SNIPPETS	
	6.1 Pagination
	6.2 Comments
	
	6.3 Search-Form
	6.4 Gallery
	6.5 WP-Caption
	6.6 Widgets

	6.7 Posted-On
--------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------------
1.0 SETUP
---------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {margin:0;}
article,aside,footer,header,nav,section{display:block;}
h1 {font-size:2em;margin: 0.67em 0;}
figcaption,figure,main{display:block;}
figure{margin:1em 0;}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace,monospace;font-size:1em;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,a:hover{outline-width:0;}
abbr[title]{border-bottom:1px #767676 dotted;text-decoration:none;}
b,strong{font-weight:inherit;font-weight:700;}
code,kbd,samp{font-family:monospace,monospace;font-size:1em;}
dfn{font-style:italic;}
mark{background-color:#eee;color:#222;font-weight:700};
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
audio,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance: none;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style: none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{border:1px solid #bbb;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:none;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:none;font:inherit;}
details,menu{display:block;}
summary{display:list-item;}
canvas{display:inline-block;}
template{display:none;}
[hidden]{display:none;}



/*--------------------------------------------------------------
1.2	Screen-Reader 
--------------------------------------------------------------*/

.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important;white-space:nowrap;height:1px;width:1px;overflow:hidden;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}

/*--------------------------------------------------------------
1.3 Alignments / Clearings / Sticky-Post
--------------------------------------------------------------*/

.alignleft{display:inline-block;float:left;margin-right:1.5em;}
.alignright{display:inline-block;float:right;margin-left:1.5em;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.clear,.clear:after,.entry-header:after,.entry-content:after,.entry-summary:after,.entry-footer:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after,.nav-links:after,.pagination:after,.comment-author:after,.widget-area:after,.widget:after,.comment-meta:after{content:" ";display:block;clear:both;height:0;width:0;visibility:hidden;}
.sticky{}


/*--------------------------------------------------------------
1.4 Global Typography
--------------------------------------------------------------*/

@font-face { 
	font-family: 'Roboto'; 
	src: url(assets/fonts/Roboto-Light.ttf);
	font-weight:300; 
}

@font-face { 
	font-family: 'Roboto'; 
	src: url(assets/fonts/Roboto-Regular.ttf);
	font-weight:400; 
}

@font-face { 
	font-family: 'Roboto'; 
	src: url(assets/fonts/Roboto-Bold.ttf);
	font-weight:600; 
}


* {
	font-family:'Roboto', 'Arial', 'sans-serif';
	font-weight:300;
	text-decoration:none;
	line-height:1.5em;
	font-size:14px;
	color:#333;

	letter-spacing:.1em;
}


/*--------------------------------------------------------------------------------------------
2.0 ELEMENTS
---------------------------------------------------------------------------------------------*/

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	width:auto;
	height:auto;
}


/*--------------------------------------------------------------
2.1.1 Typography Elements -- Headers
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	margin: 1.5em 0 0.75em;
	font-weight:400;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.25em;
}

h3 {
	font-size: 1.125em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: 0.875em;
}

h6 {
	font-size: 0.75em;
}


/*--------------------------------------------------------------
2.1.2 Typography Elements -- p / span / a
--------------------------------------------------------------*/


p {
	position:relative;
	display:block;
	margin:0 0 1.5em;
	padding:0;
	font-size:inherit;
}

span {
	position:relative;
	display:inline;
	margin:0;
	padding:0;
	font-size:inherit;
}
span.display-name {
	color:inherit;
}

a {
	position:relative;
	display:inline-block;
	height:100%;
	outline:none;
	text-decoration:none;
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
}

a:hover,
a:active {
	opacity:.8;	
}

p a {
	text-decoration: underline;
	opacity:.8;
}
p a:hover,
p a:active {
	opacity:1;
	color:#4aa5e1;
}

/*--------------------------------------------------------------
2.1.1 Typography Elements -- Text-Formating
--------------------------------------------------------------*/

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	font-size:1.2em;
	font-style:italic;
	margin:0;
	padding:0;
	padding-left:1em;
	border-left:solid 1px #4aa5e1;
}
.wp-block-pullquote blockquote {
	border-left:none;
	padding-left:0;
}
.wp-block-pullquote {
	border-top:solid 1px #4aa5e1;
	border-bottom:solid 1px #4aa5e1;
	margin-bottom:2em;
}

:focus {
	outline: none;
}


/*--------------------------------------------------------------
2.2 Semantic Elements 
--------------------------------------------------------------*/

section, article, header, footer {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	vertical-align:top;
}

section {
	margin-bottom:5em;
}

article {
	position:relative;
	margin-bottom:3em;
}

section:last-child, article:last-child {
	margin-bottom:0;
	border-bottom:none;
}


/*--------------------------------------------------------------
2.3 Forms
--------------------------------------------------------------*/

label {
	display:block;
	margin-bottom:0;
	cursor: pointer;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
/* input[type="search"], */
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color:#333;
	background:#fff;
	border:1px solid #aaa;
	display: block;
	width:100%;
	font-size:14px;
	padding: 10px;
	border-radius:3px;
	font-weight:300;
	-webkit-box-shadow:none;
	box-shadow:none;
	text-shadow:none;

	-webkit-transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	-ms-transition: box-shadow .2s;
	-o-transition: box-shadow .2s;
	transition: box-shadow .2s;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
/* input[type="search"]:hover, */
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="range"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="time"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="color"]:hover,
textarea:hover {
	/* background-color:#ffbe3c; */

	box-shadow: 2px 3px 4px #ddd;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #333;
	border-color:#4aa5e1;
	background-color:white;
	box-shadow: 2px 3px 4px #ddd;
}

/*		webkit 		*/
input[type="date"] {
	max-height:38px;
}


select {
	color:#333;
	background:#fff;
	border:1px solid #aaa;
	display: block;
	width:100%;
	font-size:14px;
	padding: 10px;
	padding-right:2em;
	border-radius:3px;
	font-weight:300;
	-webkit-appearance: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	text-shadow:none;

	-webkit-transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	-ms-transition: box-shadow .2s;
	-o-transition: box-shadow .2s;
	transition: box-shadow .2s;

	background:#fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
	background-size:16px 16px;
}
select:hover {
	cursor:pointer;
	box-shadow: 2px 3px 4px #ddd;
}
select:focus {
	color: #333;
	border-color:#4aa5e1;
	background-color:white;
	box-shadow: 2px 3px 4px #ddd;
}
select::-ms-expand {
    display: none;
}

select * {
	padding:10px;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border:1px solid #4aa5e1;
	border-radius:3px;
	-webkit-box-shadow:none;
	box-shadow:none;
	text-shadow:none;
	color: white;
	background-color:#4aa5e1;
	padding: .5em 1em;

	-webkit-transition: background-color .1s, color .1s;
	-moz-transition: background-color .1s, color .1s;
	-ms-transition: background-color .1s, color .1s;
	-o-transition: background-color .1s, color .1s;
	transition: background-color .1s, color .1s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color:#4aa5e1;
	border-color:#4aa5e1;
	background-color:white;
	box-shadow: 2px 3px 4px #ddd;
	cursor:pointer;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	
}

button[disabled="disabled"],
input[type="button"][disabled="disabled"],
input[type="submit"][disabled="disabled"] {
	cursor:auto;
	opacity:.5;
}



/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #888;
}
:-moz-placeholder {
	color: #888;
}
::-moz-placeholder {
	color: #888;
	opacity: 1;	/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
	color: #888;
}
::-ms-input-placeholder {
	color: #888;
}
::placeholder {
	color: #888;
}


/*		custom form styles	*/

.wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}

/* cf7 responses */
body span.wpcf7-not-valid-tip {
	font-size:14px;
	font-weight:300;
}

body div.wpcf7-response-output {
	margin-left:0 !important;
	margin-right:0 !important;
	width:auto;
	border: 1px solid #4aa5e1 !important;
	border-radius:3px;
	padding:1em !important;
	font-size:16px;
	font-weight:400;
}

body div.wpcf7-response-output .wpcf7-mail-sent-ok {}


.cf7-row {
	position: relative;
	display:block;
}

.cf7-description {
	font-size:12px;
	opacity:.8;
	font-style:italic;	
}

.cf7-no-margin-checkbox-wrap .wpcf7-list-item {
	margin:0;
}


@media only screen and (min-width:600px){

	.cf7-row > p {
		float:left;
		margin-right:10px;
	}
	.cf7-row > p:last-child {
		margin-right:0;
	}
	.cf7-row:after,
	.cf7-row::after {
		content:"";
		position: relative;
		display:table;
		height:0;
		width:0;
		clear:both;
	}

	.wpcf7-form .has-margin-bottom {
		margin-bottom:2em;
	}

	.wpcf7-form .has-margin-more-bottom,
	.wpcf7-form .has-more-margin-bottom {
		margin-bottom:4em;
	}


	.cf7-row-name .cf7-name-wrap,
	.cf7-row-name .cf7-surname-wrap,
	.cf7-row-course-data .cf7-course-id-wrap,
	.cf7-row-course-data .cf7-course-date-wrap,
	.cf7-row-email-phone .cf7-email-wrap,
	.cf7-row-email-phone .cf7-phone-wrap {
		display:inline-block;
		width:calc( 50% - 5px );
		max-width:100%;
	}

	.cf7-row-street .cf7-street-wrap {
		display:inline-block;
		width:calc( 100% - 190px );
		max-width: 100%;
	}
	.cf7-row-street .cf7-houseno-wrap {
		display:inline-block;
		width:100%;
		max-width:180px;
	}

	.cf7-row-city .cf7-postcode-wrap {
		display:inline-block;
		width:100%;
		max-width:180px;
	}
	.cf7-row-city .cf7-city-wrap {
		display:inline-block;
		width:calc( 100% - 190px );
		max-width: 100%;
	}
}


/*		custom file upload			*/

.cf7-file-controls {
	position: relative;
	display:block;
	overflow:hidden;
	width:100%;
}
.no-js .cf7-file-controls {
	display:none;
}

.cf7-file-controls > span {
	position: relative;
	display:inline-block;
	border:1px solid #4aa5e1;
	width:auto;

	-webkit-box-shadow:none;
	box-shadow:none;
	text-shadow:none;
	color: white;
	background-color:#4aa5e1;
	padding: .5em 1em;
	margin-bottom:1em;
	vertical-align:top;
	cursor: pointer;
	border-radius: 3px;
}
.cf7-file-wrap .cf7-file-controls > span.cf7-file-display {
	display:block;
	width:100%;
	background-color:white;
	color:#333;
	padding-right:3em;
	z-index:1;
}

.cf7-file-wrap .cf7-file-discard {
	display:none;
}
.cf7-file-wrap.has-name .cf7-file-discard {
	display:inline-block;
}

.js .cf7-file-wrap .wpcf7-form-control-wrap > input[type="file"] {
	display:block;
	position: absolute;
	height:1px;
	width:1px;
	margin:0;
	padding:0;
	bottom:0;
	left:0;
	overflow: hidden;
	opacity:0;
}

@media only screen and (min-width:650px){

	.cf7-file-controls > span {
		position: relative;
		display:inline-block !important;
		border:1px solid #4aa5e1;

		-webkit-box-shadow:none;
		box-shadow:none;
		text-shadow:none;
		color: white;
		background-color:#4aa5e1;
		padding: .5em 1em;
		margin:0;
		vertical-align:top;
		cursor: pointer;

		-webkit-transition: background-color .1s, color .1s, width .2s, padding-left .2s, padding-right .2s;
		-moz-transition: background-color .1s, color .1s, width .2s, padding-left .2s, padding-right .2s;
		-ms-transition: background-color .1s, color .1s, width .2s, padding-left .2s, padding-right .2s;
		-o-transition: background-color .1s, color .1s, width .2s, padding-left .2s, padding-right .2s;
		transition: background-color .1s, color .1s, width .2s, padding-left .2s, padding-right .2s;
	}

	.cf7-file-wrap .cf7-file-search {
		width:170px;
		text-align: center;

		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
	.cf7-file-wrap .cf7-file-controls > span.cf7-file-display {
		width:calc( 100% - 170px );
		background-color:white;
		color:#333;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
		padding-right:3em;
		z-index:1;
	}
	.cf7-file-wrap.has-name .cf7-file-controls > span.cf7-file-display {
		padding-right:calc( 1em + 120px );
	}

	.cf7-file-wrap .cf7-file-discard {
		position:absolute;
		right:0;
		border:none;
		width:0;
		height:100%;
		padding: .5em 0;
		text-align: center;
		z-index:2;


		border-top-right-radius:3px;
		border-bottom-right-radius:3px;
	}
	.cf7-file-wrap.has-name .cf7-file-discard {
		border:1px solid #4aa5e1;
		width:120px;
		padding: .5em 1em;
	}
}



/*--------------------------------------------------------------
2.4 Lists
--------------------------------------------------------------*/

ul, ol { margin:0 0 1.5em; padding:0 0 0 1em; }
li { position:relative; margin-bottom:.7em;font-size:inherit;font-weight:inherit;} 
li:last-child { margin-bottom:0; }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }



/*--------------------------------------------------------------
2.5 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

table caption {
	font-size:1.25em;
	margin-bottom:.5em;	
}

thead th {
	border-bottom: 1px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}



/*--------------------------------------------------------------
2.6 Images / Icons
--------------------------------------------------------------*/

img {
	position:relative;
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	text-decoration:none;
	outline:none;
	border:none;
	vertical-align:top;
	
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
}

figure {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	vertical-align:top;
}

.diakonie-kork-icon {
	color:inherit;
}
.diakonie-kork-icon svg.icon {
	position: relative;
	display:inline-block;
	width:14px;
	height:14px;
	vertical-align:middle;
	color:inherit;
}
.diakonie-kork-icon svg.icon use,
.diakonie-kork-icon svg.icon symbol,
.diakonie-kork-icon svg.icon path {
	color:inherit;
}
.icon--symbol {
	color:inherit;
}
.icon--symbol path {
	color:inherit;
}


/*--------------------------------------------------------------
2.7 Embeds
--------------------------------------------------------------*/

iframe {
	border:none;
}


/*--------------------------------------------------------------
2.8 Shortcuts
--------------------------------------------------------------*/

.is-center {
	text-align:center;
}
.center {
	margin-left:auto;
	margin-right:auto;
}
.is-left {
	text-align:left;
}
.is-right {
	text-align:right;
}

.fs-1_5em {
	font-size:1.5em;
}
.fs-2em {
	font-size:2em;
}

.no-margin-bottom {
	margin-bottom:0;
}

.mw-1620 {
	max-width:1620px;
}

.is-button {
	padding:.7em 1em .6em 1em;
	border:solid 1px #4aa5e1;
}
.is-button i {
	color:#4aa5e1;
}


/*-------------------------------------------------------------------------------------------
3.0 GLOBAL LAYOUT
--------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------
3.1 Site-Header / Navbar
--------------------------------------------------------------*/


.site-header {
	position:relative;
	display:block;
	width:100%;

	height:110px;
	
	height:auto;
	margin:0;
	z-index:999;
	color:#474747;
	font-size:15px;
	
	-moz-transition:height .2s;
	-webkit-transition:height .2s;
	-ms-transition:height .2s;
	transition:height .2s;
}

site-header--navbar * {
	vertical-align: top;
}

.site-header--navbar .navbar--inner {
	position:relative;
	display:block;
	text-align:right;
	width:100%;
	max-width:1600px;
	margin:auto;
}

.js .site-header .navbar--content {
	position: absolute;
	display: none;
	width:100%;
	top:100%;
	right: 0;
	z-index: 999999;

	padding:0 1em;
	background-color: white;
}


/*			Desktop Break			*/
@media only screen and (min-width:900px){

	.site-header {
		height:160px;
		padding:1em 10px;
	}

	.js .site-header .navbar--content {
		display:block;
		width:auto;
		padding:0;
	}
}


/*--------------------------------------------------------------
3.1.2 Site-Header -- Logo-Bar
--------------------------------------------------------------*/


.site-header--logo-bar {
	position:relative;
	display:block;
	z-index:20;
	height:80px;
	text-align: left;
	margin:10px;
	margin-bottom:13px;

	-moz-transition:height .2s;
	-webkit-transition:height .2s;
	-ms-transition:height .2s;
	transition:height .2s;
}

.logo-bar--logo {
	position: relative;
	display: inline-block;
	height:100%;
	z-index:2;
}

.logo-bar--logo img {
	/* in pixels due to IE */
	width:auto;
	height:80px;
	
	-moz-transition:height .2s;
	-webkit-transition:height .2s;
	-ms-transition:height .2s;
	transition:height .2s;
}


.logo-bar--menu-toggle {
	position: absolute;
	display:block;
	top:27px;
	right:10px;
	margin:0;
	z-index:2;
}

.logo-bar--menu-toggle button {
	position: relative;
	display: block;
	box-shadow: none;
}


/*			Desktop Break			*/
@media only screen and (min-width:900px){
	
	.site-header--logo-bar {
		position: absolute;
		margin:0;
		top:7px;
		left: 10px;
		height:103px;
	}

	.logo-bar--logo img {
		/* in pixels due to IE */
		width:auto;
		height:103px;
	}

	.logo-bar--menu-toggle {
		display:none;
	}
}


/*		Tablet Searchform			*/

.navbar--tablet-searchform {
	display:none;
}

@media only screen and (min-width:600px) and (max-width:900px){

	.navbar--tablet-searchform {
		position:absolute;
		display:block;
		width:100%;
		top:26px;
		left:0;
		padding-left:170px;
		padding-right:100px;
		z-index:1;
		text-align: center;
	}	

	.navbar--tablet-searchform .site-header--searchform {
		margin:0;
	}


	/*		hide std-searchform when tablet-searchform is active	*/

	.navbar--content .site-header--searchform {
		display:none;
	}
}




/*--------------------------------------------------------------
3.1.3 Site-Header -- Navigation Elements
--------------------------------------------------------------*/

.site-header--navbar {
	position: relative;
	display: block;
	background-color:white;
}

.site-header--nav-elements {
	position:absolute;
	display:block;
	right:0;
	top:100%;
	z-index:99999;
	background:wheat;
}

/*			Desktop Break			*/
@media only screen and (min-width:900px){
	
	.site-header--nav-elements {
		background: transparent;
	}
}




/*		Site-Navigation + Global Submenu		*/


.site-header .main-navigation {
	position:relative;
	display:block;
	font-size:15px;
	color:#333;
	background-color: white;
	margin-bottom: 1em;

}

.site-header .main-navigation ul {
	list-style: none;
}

.site-header .main-navigation ul,
.site-header .main-navigation li {
	margin:0;
}

.main-navigation .menu-item a {
	font-size: 1.2em;
	color:#666;
	padding:.8em 1em;
}




/*	submenu	*/

ul.sub-menu {
	border:none;
	padding-left:2em;
}

ul.sub-menu,
ul.sub-menu li,
ul.sub-menu a {
	position:relative;
	display:block;
	top:auto;
	left:auto;
	right:auto;
	border:none;	
}

ul.sub-menu	{
	display:none;
}


.no-js ul.sub-menu	{
	display:block;
}

li.menu-item-has-children:hover .sub-menu {
	display:none;
}

.dropdown-toggle {
	position:relative;
	display:inline-block;
	top:auto;
	right:auto;
	width:2em;
	text-align:center;
}

li.menu-item-has-children.focus > a > .dropdown-toggle i {
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-ms-transform:rotateX(180deg);
	transform:rotateX(180deg);
}


/*			Desktop Break			*/

@media only screen and (min-width:900px){

	.site-header .main-navigation {
		display:block;
		margin-bottom:2em;
	}

	.main-navigation .menu-item {
		display:inline-block;
		border:none;
	}

	.main-navigation .menu-item a {
		font-size: 12px;
		padding:1em;
		letter-spacing:0;

		-moz-transition:letter-spacing .2s;
		-webkit-transition:letter-spacing .2s;
		-ms-transition:letter-spacing .2s;
		transition:letter-spacing .2s;
	}

	.main-navigation .current-menu-item > a {
		color:#4aa5e1;
	}


	.site-header .menu-item-has-children > a {		/*		caret space		*/
		padding-right:2em;
	}

	.dropdown-toggle {
		position:absolute;
		display:inline-block;
		width:auto;
		right:1em;
		background-color:transparent;
		color:inherit;
		margin:0;
	}
	.dropdown-toggle i {
		background-color:transparent;
		color:inherit;
	}

	/* 	submenu	*/		

	ul.sub-menu {
		position:absolute;
		display:none;
		padding:0;
		width:auto;
		min-width:16em;
		height:auto;
		z-index:99999;
		margin:0;
		right:0;
		
		background-color:white;
		font-size:inherit;
		color:#333;
		
		border:solid 1px #eee;
	}

	li.menu-item-has-children:hover > .sub-menu,
	li.menu-item-has-children.focus > .sub-menu {
		display:block;
	}

	li.menu-item-has-children:not(.focus):hover > a > .dropdown-toggle i { 
		-webkit-transform:rotateX(180deg);
		-moz-transform:rotateX(180deg);
		-ms-transform:rotateX(180deg);
		transform:rotateX(180deg);
	}

	.site-navigation--menu > li > .sub-menu {	/*		first sub-menu		*/
		top:100%;
		right:0;
		left:auto;
	}

	.menu-item .menu-item {	/*		sub-menu items		*/
		display:block;
		border-bottom:1px solid #eee;
	}
	.menu-item .menu-item:last-child {
		border:none;
	}

	.sub-menu ul {		/*		2nd to last sub-menus		*/
		top:-1px;
		right:100%;
		left:auto;
	}

	.sub-menu li {
		position:relative;
		display:block;
		max-width:100%;
		padding:0;
		border-bottom:solid 1px #eee;
	}

	.sub-menu li:last-child {
		border-bottom:none;
	}
}

@media only screen and (min-width:1000px){

	.main-navigation .menu-item a {
		padding:1em 1.5em;
		letter-spacing:.1em;
	}
}


/*		Site-Header Content-Navigation -- only in mobile-mode			*/

.site-header .content-navigation-mobile {
	position: relative;
	display:block;
	margin-bottom:1em;
}

.site-header .content-navigation {
	position: relative;
	display: block;
	margin-bottom:1em;
}

.site-header .content-navigation nav {
	border:none;
}

.site-header .content-navigation ul {
	padding:0;
}

.site-header .content-navigation li {
	display:block;
	text-align: right;
}

.site-header .content-navigation li a {
	font-size: 1.2em;
	padding:.8em 1em;
	font-weight: 300;
	letter-spacing: .1em;
}


.site-header .nav-title {
	margin-bottom: 1em;
}

.site-header .nav-title--inner {
	font-size: 1.5em;
	font-weight:400;
	margin-bottom:0;
}

@media only screen and (min-width:650px){

	.site-header .content-navigation-mobile {
		display:none;
	}

	/* hide menu-titles when there's only one menu */
	.site-header .nav-title {
		display: none;
	}
}





/*		Search Form		*/

.site-header--searchform {
	position: relative;
	display:block;
	width:auto;
	width: 100%;
	
	text-align:right;
	margin-bottom:1em;
}

.site-header--searchform .searchform--inner {
	position: relative;
	display: inline-block;
	/* border:solid 1px #eee; */
	width: 100%;
	max-width: 25em;
}

.site-header--searchform label {
	margin:0;
}

.site-header--searchform form {
	position:relative;
	display:inline-block;
	width:100%;
	padding-right:0;
}

.site-header--searchform form {
	padding-right:3em;
}

.site-header--searchform .search-field {
	display:inline-block;
	border:solid 1px #eee;

	color:#333;
	background:#fff;
	display: block;
	width:100%;
	font-size:16px;
	padding: .5em;

	border-radius:0;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	
	box-shadow: none;
}
.site-header--searchform .search-field:focus {
	box-shadow: none;
}

.site-header--searchform .search-submit {
	position:absolute;
	display:inline-block;
	width:3em;
	top:0;
	right:0;
	height:100%;
	background:white;
	
	border:solid 1px #eee;
	border-left:none;
	cursor: pointer;

	border-radius:0;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;

}
.site-header--searchform .search-submit:hover {
	background:#eee;
	box-shadow: none !important;
}

.site-header--searchform .search-submit .diakonie-kork-icon {
	position:relative;
	color:#666;
}
.site-header--searchform .search-submit .diakonie-kork-icon .icon--symbol {
	color:#888;
}


.site-header--searchform .search-field:focus,
.site-header--searchform .search-field:focus + .search-submit {
	border-color: #4aa5e1;
}

.site-header--searchform .search-submit:hover svg.icon {
	color:#4aa5e1;
}




@media only screen and (min-width:650px){
	.site-header--searchform {
		max-width: 25em;
		display:inline-block;
	}
}

/*			Desktop Break			*/
@media only screen and (min-width:900px){
	
	.site-header--searchform {
		display:inline-block;
		width:auto;
		min-width:25em;
		margin-right:2em;
	}


}



/*			Languages			*/

.site-header--languages {
	position:relative;
	display:block;
	margin-right:.5em;
	margin-bottom:1em;
}

.site-header--languages .languages--inner {
	position:relative;
	display:block;
	padding:.5em 1em;
}

.site-header--languages ul {
	margin:0;
}

.site-header--languages li {
	display:none;
	margin:0;
}
.site-header--languages li:first-child {
	display:block;
}

.site-header--languages .current-language svg.icon-globe {
	color:#666;
	width:16px;
	height:16px;
	top:-2px;
}
.site-header--languages .current-language svg.icon-arrow-down {
	width:8px;
	height:8px;
	top:-1px;
}

.site-header--languages .current-language .language-title {
	margin:0;
	margin-left:.5em;
}

.site-header--languages:hover {
	cursor:pointer;
}

@media only screen and (min-width:650px){
	
	.site-header--languages {
		display:inline-block;
	}
}

/*			Desktop Break			*/
@media only screen and (min-width:900px){
	.site-header--languages {
		display:inline-block;
		margin:0;
	}
}


/*--------------------------------------------------------------
3.1.4 Page-Header -- Banner
--------------------------------------------------------------*/

.banner {
	position: relative;
	display:block;
	width:100%;
	margin-bottom:2em;
}

.banner figure {
	width:100%;
}

.banner figure img {
	position: relative;
	display:block;
	margin-bottom:1em;
}

.banner figcaption,
.banner .slider-caption {
	position: relative;;
	display:block;
	width:100%;
	text-align: center;
}

.banner .banner--title,
.banner .banner--info {
	position: relative;
	display: inline-block;
}
.banner .banner--title {
	font-size:28px;		/*		p vs. h1		*/
	margin:0;
}
.banner .banner--title span {
	position: relative;
	display:inline-block;
	font-weight:400;
	font-size: .7em;
	background-color:rgba(255,255,255,.5);
	padding:0 .4em;
	line-height:1.5em;
	letter-spacing: .1em;
}
.banner .banner--info {
	margin-top: .5em;
	margin-bottom:0;
}
.banner .banner--info span {
	position: relative;
	display:inline-block;
	font-weight:300;
	font-size: 1em;
	background-color:rgba(255,255,255,.5);
	padding:.2em .4em;
}


@media only screen and (min-width:650px){

	.banner {
		margin-bottom:0;	
	}
	.banner figure img {
		margin-bottom: 0;
	}
	.banner figcaption,
	.banner .slider-caption {
		position:absolute;
		display:inline-block;
		width:100%;
		bottom:15%;
		text-align: center;
	}
	.banner .banner--title span {
		font-size: 1em;
	}
}

@media only screen and (min-width:1000px){

	.banner figcaption,
	.banner .slider-caption {
		position:absolute;
		display:inline-block;
		width:auto;
		right:10%;
		bottom:15%;
		text-align:right;
	}
	.banner .banner--title span {
		font-size: 1.5em;
	}
	.banner .banner--info span {		
		font-size: 1.5em;
	}
}


/*--------------------------------------------------------------
3.1.5 Page-Header -- Content Navigation
--------------------------------------------------------------*/

.content-navigation {
	position:relative;
	display: none;
	width:100%;
	padding:0;
	margin:0;
	text-align: center;
	
}
.content-navigation > nav {
	position: relative;
	display: block;
	width:100%;
	max-width: 1600px;
	margin: auto;
}
.content-navigation ul {
	margin:0;
	padding:1em 0;
}
.content-navigation li {
	display:inline-block;
	text-align: left;
	margin:0;
}
.content-navigation li a {
	font-size: 14px;
	color:#474747;
	font-weight: 400;
	padding:2em 1em;
}

@media only screen and (min-width:650px){

	.content-navigation {
		display:block;
	}

	.content-navigation > nav {
		border-bottom: 1px dashed #d0d0d0;
	}

	.content-navigation li a {
		padding:2em 1em;
		letter-spacing: 0;
	
		-moz-transition:padding-left .2s, padding-right .2s, letter-spacing .2s;
		-webkit-transition:padding-left .2s, padding-right .2s, letter-spacing .2s;
		-ms-transition:padding-left .2s, padding-right .2s, letter-spacing .2s;
		transition:padding-left .2s, padding-right .2s, letter-spacing .2s;
	}
	
}



@media only screen and (min-width:1000px){

	.content-navigation {
		display: block;
	}

	.content-navigation li {
		display:inline-block;
		border:none;
	}

	.content-navigation li a {
		padding:2em 1.5em;
		letter-spacing: .1em;
	}

	.content-navigation .current-menu-item > a,
	.content-navigation .current-page-item > a {
		color:#4aa5e1;
	}


}


/*--------------------------------------------------------------
3.3 Page-Content 
--------------------------------------------------------------*/

.edit-link {
	position: relative;
	display:block;
	margin-bottom:2em;
}
.edit-link a {
	position: relative;
	display:inline-block;
	font-size:1.5em;
	padding:.2em .5em;
	background-color: #4aa5e1;
}


/*--------------------------------------------------------------
3.3 Site-Footer 
--------------------------------------------------------------*/

.site-footer {
	display:block;
	text-align:center;
	padding-top:3em;
	padding-bottom:2em;
	border-top:solid 1px #eee;
	width:100%;
}

.site-footer--inner {
	position:relative;
	display: block;
	width: 100%;
	max-width: 1600px;
	margin: auto;
}

.site-footer--inner:after,
.site-footer--inner::after {
	content:"";
	display:table;
	clear:both;
	margin:0;
	padding:0;
}

.site-footer:not(.widget-count-0) {
	margin-top:2em;
}

.site-footer .site-footer--inner {
	display:inline-block;
	text-align:left;
}

.footer-widget {
	position:relative;
	display:block;
	width:100%;
	padding:1em .8em;
	vertical-align:top;
}

.footer-widget--inner {
	position:relative;
	display:inline-block;
	text-align: left;
}

.footer-widget .widget--title {
	position:relative;
	display:block;
	font-size:1.5em;
	font-weight:400;
	
	margin-bottom:1em;
}

.footer-widget ul {
	position:relative;
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	margin-left:5em;
}
.footer-widget ul:first-child {
	margin-left:0;
}

.footer-widget ul li {
	margin-bottom:1em;
}

.footer-widget .footer-text {
	font-size:1em;
	line-height: 1.5;
}

.footer-widget .diakonie-kork-icon {
	position:absolute;
	left:0;
	top:-2px;
}
.footer-widget .diakonie-kork-icon-facebook {
	top:-3px;
}
.footer-widget .diakonie-kork-icon-location {
	left:-2px;
}

.footer-widget svg.icon {
	width:19px;
	height:19px;
	color:#4aa5e1;
}
.footer-widget .diakonie-kork-icon-location svg.icon {
	width:24px;
	height:24px;
}
.footer-widget .social-nav svg.icon {
	color:#555;
}

.footer-widget .diakonie-kork-icon ~ .footer-text {
	padding-left:30px;
}
.footer-widget ul.location li {
	padding-left:30px;
}
.footer-widget ul.location li:first-child .footer-text {
	padding-left:0;
}
.footer-widget ul.location {
	margin:0;
}

.footer-widget .col-right {
	margin-top:2em;
}

@media screen and ( min-width: 500px ) {

	.footer-widget .widget-col {
		position: relative;
		display:inline-block;
		vertical-align: top;
		width:50%;
	}

	.site-footer .footer-widget {
		display:inline-block;
		width:50%;
	}

	.footer-widget ul.location li {
		padding-left:36px;
	}
}


@media screen and ( min-width: 1000px ) {
	
	.site-footer .footer-widget {
		display:inline-block;
		width:25%;
		text-align: center;
	}

	.footer-widget .widget-col {
		position: relative;
		display:inline-block;
		vertical-align: top;
	}

	.footer-widget .col-left {
		width:50%;
		padding-right:0;
	}

	.footer-widget .col-right {
		width:45%;
		padding-left:5%;
	}
}



/*--------------------------------------------------------------
4.0 LISTING LAYOUT
--------------------------------------------------------------*/

.listing {
	position: relative;
	display:block;
	width:100%;
}

.listing--header {
	margin-bottom:4em;
}

.listing--content {
	max-width:1620px;
	padding:0 10px;
	margin:auto;
	margin-bottom:4em;
}

.listing--title {
	font-size: 1.5em;
	font-weight:300;
	padding-bottom:.5em;
	margin-bottom:2.5em;
	text-align: center;
}
.listing--title:after,
.listing--title::after {
	content:"";
	position:absolute;
	display:inline-block;
	bottom:0;
	left:50%;
	width:60px;
	margin-left:-30px;
	border-top:solid 1px #4aa5e1;
}

.listing--list,
.listing--list--inner {
	position:relative;
	display:block;
	text-align:center;
}
.listing--list--inner {
	width:100%;
	max-width:1600px;
	margin:auto;
}

@media screen and ( min-width: 650px ) {
	.listing--title {
		font-size: 2.5em;
	}
}




/*--------------------------------------------------------------
4.4 list-items
--------------------------------------------------------------*/

.list-item {
	position:relative;
	display:inline-block;
	width:auto;
	max-width: 100%;
	margin:0;
	vertical-align:top;
}
.list-item--inner {
	position: relative;
	display:block;
}
.list-item a {
	vertical-align:top;
}
.list-item--title {
	position:relative;
	display:block;
	text-align: center;
	font-size:1em;
	margin-top:1em;
}
.list-item--title > a {
	letter-spacing:0;
}

.list-item--more svg.icon,
.list-item--further-reading svg.icon {
	width:8px;
	height:8px;
	top:-1px;
	color:#4aa5e1;
}


/*			Minimal				*/

.list-item--minimal {
	position:relative;
	display:block;
	margin-bottom:3em;
}

.list-item--minimal .list-item--inner {
	position:relative;
	display:inline-block;
	text-align:left;
	max-width:800px;
}
.page-template-template-jobs-list .list-item--minimal .list-item--inner {
	max-width:100%;
}


.list-item--minimal .list-item--title {
	font-size: 1.2em;
	font-weight: 400;
	text-align:left;
	margin-top:0;
}

.list-item--minimal .list-item--more {
	position: relative;
	display:block;
	text-transform: uppercase;
}
.list-item--minimal .list-item--more i {
	color:#4aa5e1;
}

@media screen and ( min-width: 650px ) {
	.list-item--minimal .list-item--title {
		font-size: 2em;
		font-weight: 300;
	}
}

/*			Tiles			*/

.list-item--tile {
	position:relative;
	display:block;
	height:auto;
	vertical-align: top;
}

.list-item--tile a {
	opacity:1 !important;
}

.list-item--tile figure {
	position:relative;
	display:block;
}

.list-item--inner {
	position:relative;
	display:inline-block;
	width:100%;
	max-width:500px;
	vertical-align:top;
}


.list-item--tile img {
	width:100%;
	height:auto;
}

.list-item--tile .list-item--text-wrap {
	position:absolute;
	display:block;
	width:100%;
	bottom:0;
	left:0;
	padding:0;
	text-align: left;
	color:inherit;
	z-index:2;
}

.list-item--tile .list-item--title {
	position:relative;
	display:block;
	font-size: 1.5em;
	font-weight: 400;
	margin:0;
	text-align:left;
}

.list-item--tile .list-item--content {
	color:white;
	margin:0;
	padding:1em 1em 1em 1.2em;
	line-height:2;
}
.list-item--tile .list-item--content p {
	margin:0;
	color:inherit;
}

	
.list-item--tile .list-item--title {
	font-size: 1.2em;
}

.list-item--tile .list-item--content {
	font-size: 1em;
	line-height:1.5;
}

.list-item--tile .list-item--thumbnail {
	position: relative;
	display: block;
	z-index:1;
}

.list-item--tile svg.icon {
	width:11px;
	height:11px;
	top:-2px;
	color:#4aa5e1;
}

	

/*	News */

.list-item--news.list-item {
	position:relative;
	display:block;
	text-align:center; 
	margin:0;
	margin-bottom:4em;
}

.list-item--news .list-item--inner {
	position: relative;
	display:inline-block;
	width:100%;
	max-width: 400px;
}

.list-item--news .list-item--text-wrap {
	position:absolute;
	display:block;
	width:100%;
	left:0;
	bottom:0;
	text-align:left;
	z-index:2;
	padding:.5em;
	background-color:rgba(255,255,255,.8);
}

.list-item--news .list-item--header {
	position:relative;
	display:block;
	width:100%;
}

.list-item--news .published-date {
	position: relative;
	display:block;
	margin-bottom:.5em;
}

.list-item--news .list-item--content {
	display:none;
}

.list-item--news .event-date {
	position:relative;
	display:inline-block;
}

.list-item--news .list-item--title {
	position:relative;
	display:block;
	width:100%;
	margin:0;
	text-align: left;
}

.list-item--news .list-item--title a {
	position:relative;
	display:inline-block;
	text-align:inherit;
	font-size:1.5em;
}

.list-item--news .list-item--more {
	display:none;
}

.list-item--news .list-item--thumbnail {
	position: relative;
	display:inline-block;
	z-index:1;
}

@media screen and ( min-width: 900px ) {

	.list-item--news .list-item--inner {
		display: inline-block;
		max-width: 900px;
		min-height:225px;
		padding-left:300px;
	}

	.list-item--news .list-item--text-wrap,
	.list-item--news .list-item--header,
	.list-item--news .list-item--title {
		position: relative;
		height:auto;
		top:auto;
		left:auto;
	}

	.list-item--news .list-item--text-wrap {
		min-height:225px;
		padding:0;
		padding-left:3em;
	}

	.list-item--news .event-date time {
		padding:.2em .5em;
	}

	.list-item--news .list-item--title {
		padding:0;
		margin:.5em 0 0.75em;
		text-align:left;
		background-color:transparent;
	}

	.list-item--news .list-item--title a {
		padding:0;
		letter-spacing: .1em;
	}

	.list-item--news .list-item--content {
		display: block;
	}

	.list-item--news .list-item--more {
		position: relative;
		display:block;
		text-transform: uppercase;
	}
	.list-item--news .list-item--more i {
		color:#4aa5e1;
	}
	
	.list-item--news .list-item--thumbnail {
		position: absolute;
		max-width: 300px;
		left:0;
		top:0;
	}
}



/*		News-small  - fp + detail	*/

.post-list.is-center .post-list--inner {
	display:inline-block;
	text-align: left;
}

.list-item--news-small.list-item {
	position:relative;
	display:block;
	margin-bottom:4em;
	text-align:center;
}

.list-item--news-small .list-item--inner {
	position:relative;
	display:inline-block;
	text-align:left; 
	width:100%;
	max-width:300px;
}


.list-item--news-small .list-item--title {
	position:relative;
	display:block;
	text-align:left;
	font-size:1.2em;
	letter-spacing:0;
	margin-top:1em;
}

.list-item--news-small .list-item--content p {
	font-size: 1em;
	line-height: 1.5em;
}

@media screen and ( min-width: 550px ){	/* 	2-1 break	 */

	.list-item--news-small.list-item {
		display:inline-block;
		margin-bottom:4em;
	}
	[data-item-count="2"] .list-item--news-small:first-child,
	[data-item-count="3"] .list-item--news-small {
		margin-right:20px;
	}

	[data-item-count="3"] .list-item--news-small:last-child {
		text-align: left;
		display:block;
	}

	[data-item-count="4"] .list-item--news-small {
		width:50%;
	}

	[data-item-count="4"] .list-item--news-small:nth-child(odd) {
		text-align:right;
		padding-right:2em;
	}
	[data-item-count="4"] .list-item--news-small:nth-child(even) {
		text-align:left;
		padding-left:2em;
	}

	.list-item--news-small .list-item--inner {
		max-width:300px;
	}
}

@media screen and ( min-width: 700px ){	/* increase margin if only 2 items are displayed */

	[data-item-count="2"] .list-item--news-small:first-child {
		margin-right:80px;		
	}
}

@media screen and ( min-width: 960px ){

	[data-item-count="3"] .list-item--news-small {
		margin-right:20px;
	}
	[data-item-count="3"] .list-item--news-small:last-child {
		display: inline-block;
		margin-right:0;
	}
	
	
	[data-item-count="4"] .list-item--news-small {
		width:22%;
		max-width:300px;
		padding:0 !important;
		text-align: left !important;
		margin-right:4%;
	}
	[data-item-count="4"] .list-item--news-small:last-child {
		margin-right:0;
	}

		
}

@media screen and ( min-width: 1100px ){

	[data-item-count="3"] .list-item--news-small {
		margin-right:4em;
	}
	[data-item-count="3"] .list-item--news-small:last-child {
		margin-right:0;
	}
}

@media screen and ( min-width: 1410px ){

	[data-item-count="4"] .list-item--news-small {
		width:300px !important;
		padding:0 !important;
		text-align: left !important;
		margin-right:4em !important;
	}
	[data-item-count="4"] .list-item--news-small:last-child {
		margin-right:0 !important;
	}
}



/*		Events		*/

.list-item--event.list-item {
	position:relative;
	display:block;
	margin-bottom:4em;
}

.list-item--event .list-item--inner {
	position:relative;
	display:block;
	text-align:left; 
	max-width: 100%;
}

.list-item--event.list-item .list-item--inner > a {
	position: relative;
	display:block;
	vertical-align: top;
}

.list-item--event .list-item--header {
	margin-top:1em;
}

.list-item--event .event-date time {
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	color:#4aa5e1;
}

.list-item--event .list-item--title {
	position:relative;
	display:block;
	text-align:left;
	font-size:1.2em;
	letter-spacing:0;
	margin-top:.5em;
}

.list-item--event .list-item--content p {
	font-size: 1em;
	line-height: 1.5em;
} 


.list-item--event .diakonie-kork-icon i {
	vertical-align: baseline;
	color: #4aa5e1;
}

.list-item--event .list-item--further-reading {
	position: relative;;
	display:block;
	text-transform:uppercase;
}

.list-item--event .list-item--further-reading .further-reading--text {
	letter-spacing:.1em;
}


/*		hover stuff 	*/
.list-item--event .list-item--inner > a:hover {
	opacity:1;
}


@media screen and ( min-width: 400px ){

	.list-item--event .list-item--header {
		margin-top:0;
	}
	

	.list-item--event .list-item--thumbnail {
		position: relative;
		display:inline-block;
		vertical-align: top;

		max-width: 33.3333%;
	}
	.list-item--event .list-item--text-wrap {
		position:absolute;
		display:block;
		height:100%;
		top:0;
		padding-left:2em;
		padding-top:.5em;
		overflow:hidden;

		width:66.6666%;
		left:33.3333%;
	}

	.list-item--event .list-item--content {
		display:none;
	}

	.list-item--event .list-item--title {
		text-align:left;
		font-size:1.2em;
		letter-spacing:0;
		font-weight:400;
		margin-top:1em;
	}
	
	.list-item--event .list-item--further-reading {
		position:absolute;
		display:none;
		padding-bottom:1em;
		text-transform:uppercase;
		bottom:0;
		width:100%;
		padding-top:1em;
		background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1));
	}
}

@media screen and ( min-width: 550px ){

	.list-item--event .list-item--further-reading {
		display:block;
	}
}

@media screen and ( min-width: 700px ){

	.list-item--event .list-item--content {
		display:block;
	}
}

@media screen and ( min-width: 1000px ){

	body:not(.is-2cols) .list-item--event {
		display:inline-block;
		width: 50%;
	}

	body:not(.is-2cols) .list-item--event:nth-child(odd) .list-item--text-wrap {
		padding-right:2%;
	}

	.list-item--event .list-item--title {
		margin-top:0;
	}

	
	.list-item--event .list-item--further-reading {
		padding-bottom:0;
	}
}

@media screen and ( min-width: 1300px ){

	.list-item--event .list-item--text-wrap {
		padding-left:3em;
	}

	.list-item--event .list-item--title {
		font-size:1.5em;
		font-weight:300;
		margin-top:.3em;
	}

	.list-item--event .list-item--further-reading {
		padding-bottom:1em;
	}
	
}



/*		Events-small		*/

.list-item--event-small {
	text-align:center;
	margin:0 2em 4em;
}

.list-item--event-small .list-item--inner {
	max-width:250px;
}

.list-item--event-small .event-date {
	position: relative;
	display:block;
	margin-bottom:1em;
}

.list-item--event-small .event-date time {
	font-size: 1.2em;
	font-weight: 400;
}

.list-item--event-small .list-item--content p {
	font-size: 1em;
	line-height: 1.5em;
}

.list-item--event-small .list-item--more i {
	color:#4aa5e1;
}



/*		page children		*/

.list-item--page_children.list-item {
	position:relative;
	display:block;
	max-width:300px;
	margin:auto;
	margin-bottom:4em;
}

.list-item--page_children .list-item--inner {
	position:relative;
	display:block;
	text-align:left; 
	max-width: 100%;
}

.list-item--page_children.list-item .list-item--inner > a {
	position: relative;
	display:block;
	vertical-align: top;
}

.list-item--page_children .list-item--title {
	position:relative;
	display:block;
	text-align:left;
	font-size:1.2em;
	letter-spacing:0;
	margin-top:1em;
}

.list-item--page_children .list-item--content p {
	font-size: 1em;
	line-height: 1.5em;
} 


.list-item--page_children .diakonie-kork-icon i {
	vertical-align: baseline;
	color: #4aa5e1;
}

.list-item--page_children .list-item--further-reading {
	position: relative;;
	display:block;
	text-transform:uppercase;
}

.list-item--page_children .list-item--further-reading .further-reading--text {
	letter-spacing:.1em;
}


/*		hover stuff 	*/
.list-item--page_children .list-item--inner > a:hover {
	opacity:1;
}

@media screen and ( min-width: 500px ){

	.list-item--page_children.list-item {
		max-width:none;

	}

	.list-item--page_children .list-item--thumbnail {
		position: relative;
		display:inline-block;
		vertical-align: top;

		max-width: 33.3333%;
	}

	.list-item--page_children .list-item--text-wrap {
		position:absolute;
		display:block;
		height:100%;
		top:0;
		padding-left:2em;
		overflow:hidden;

		width:66.6666%;
		left:33.3333%;
	}

	.list-item--page_children .list-item--title {
		text-align:left;
		font-size:1.2em;
		letter-spacing:0;
		font-weight:400;
		margin-top:0;
		margin-bottom:.2em;
	}
	
	.list-item--page_children .list-item--further-reading {
		position:absolute;
		display:block;
		padding-bottom:0em;
		text-transform:uppercase;
		bottom:0;
		width:100%;
		padding-top:1em;
		background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1));
	}
}

@media screen and ( min-width: 700px ){

	.list-item--page_children .list-item--title {
		margin-top:1em;
		margin-bottom:.75em;
	}
	
	.list-item--page_children .list-item--further-reading {
		padding-bottom:1em;
	}
}

@media screen and ( min-width: 1000px ){

	body:not(.is-2cols) .list-item--page_children {
		display:inline-block;
		width: 49%;
	}

	body:not(.is-2cols) .list-item--page_children:nth-child(odd) {
		margin-right:2%;
	}

	.list-item--page_children .list-item--title {
		margin-top:0;
	}

	
	.list-item--page_children .list-item--further-reading {
		padding-bottom:0;
	}
}

@media screen and ( min-width: 1300px ){

	.list-item--page_children .list-item--text-wrap {
		padding-left:3em;
	}

	.list-item--page_children .list-item--title {
		font-size:2em;
		font-weight:300;
		margin-top:.3em;
	}

	.list-item--page_children .list-item--further-reading {
		padding-bottom:1em;
	}
	
}


/*--------------------------------------------------------------
5.0 DETAIL LAYOUT
--------------------------------------------------------------*/

.detail {
	position: relative;
	display:block;
	width:100%;
}

.detail--header {
	width:100%;
	margin-bottom:4em;
}

.detail--content {	
	max-width:1620px;
	padding:0 10px;
	margin:auto;
	margin-bottom:4em;
}
.detail--content .detail--list ~ .content--inner {
	margin-bottom:4em;
}
.is-content_std .detail--content {
	max-width:1220px;
}

.error404 .detail--content {
	min-height:50vh;
	text-align:center;
}

.detail--list {
	position:relative;
	display:block;
	width:100%;
	text-align:left;
}


/*--------------------------------------------------------------
6.0 SNIPPETS	
	6.1 Pagination
--------------------------------------------------------------*/

.post-pagination-wrap {
	margin-top:2em;
	margin-bottom:4em;
	text-align: center;
}

.page-template-template-jobs-list .post-pagination-wrap {
	margin-top:4em;
}


.post-pagination-wrap .nav-links {
	font-size: 1.5em;
}

.post-pagination-wrap .page-numbers.current {
	color:#4aa5e1;
}


.post-pagination-wrap .page-numbers {
	padding:.2em .5em;
	margin: 0 ;
}

.post-pagination-wrap .page-numbers svg.icon {
	width:15px;
	height:15px;
	color:#4aa5e1;
	top:-2px;
	left:-1px;
}

.post-pagination-wrap .prev.page-numbers,
.post-pagination-wrap .next.page-numbers {
	padding:.2em 13px;
	border:solid 1px #4aa5e1;
	width:41px;
}

.post-pagination-wrap .prev.page-numbers {
	margin-right:.5em;
}

.post-pagination-wrap .next.page-numbers {
	margin-left:.5em;
}

.post-pagination-wrap .page-numbers.current:first-child {
	margin-left:42px;
}
.post-pagination-wrap .page-numbers.current:last-child {
	margin-right:42px;
}


.post-pagination-wrap .prev.page-numbers:hover,
.post-pagination-wrap .next.page-numbers:hover {
	background-color:#4aa5e1;
}
.post-pagination-wrap .prev.page-numbers:hover svg.icon,
.post-pagination-wrap .next.page-numbers:hover svg.icon {
	color:white;
}




/*--------------------------------------------------------------
6.7 Posted-On
--------------------------------------------------------------*/

time.updated:not(.published) {
	display: none;
}



/*--------------------------------------------------------------
19.0 DK Sections f.k.a. FRONTPAGE
--------------------------------------------------------------*/


.dk-section {
	margin-bottom: 0;
	text-align:center;
}
.dk-section.text-align-left {
	text-align:left;
}
.dk-section.text-align-right {
	text-align:right;
}


.section--inner {
	position:relative;
	display:block;
	width:100%;
	padding:3em 10px;
}
.dk-section.no-xpad .section--inner {
	padding-left:0;
	padding-right:0;
}
.dk-section.no-ypad .section--inner {
	padding-top:0;
	padding-bottom:0;
}


.dk-section .section--title {
	margin-top:0;
}

.dk-section .section--header {
	margin-bottom:3em;
}
.dk-section.no-xpad .section--header {
	padding:0 10px;
}

.dk-section .section--title {
	font-size:2em;
	font-weight:300;
}


@media screen and ( min-width: 700px ) {

	.section--inner {
		padding:4em 10px 5em 10px;
	}
	.dk-section.no-xpad .section--inner {
		padding:4em 0 5em 0;
	}
	

	.dk-section .section--header {
		margin-bottom:4em;
	}

	.dk-section .section--title {
		font-size:2.5em;
		font-weight:300;
	}

	.dk-section .section--info {
		font-size:1.2em;
		font-weight:300;
		margin-top:1em;
	}
}



/*		Featured Content Section		*/

.section--content:last-child:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}

.list-item--tile {
	margin-bottom:2em;
	overflow: hidden;
	float:left;
}

.list-item--tile .list-item--text-wrap {
	padding:0 1em 0 1em;
}

.list-item--tile .list-item--title {
	font-size: 1.2em;
	padding:1em 0 1em 0;
}

.list-item--tile .list-item--title p,
.list-item--tile .list-item--title span {
	font-size:inherit;
	font-weight: inherit;
	margin:0;
}

.list-item--tile .list-item--title p {
	display:inline-block;
}
.list-item--tile .list-item--title p:first-child:after {
	content: "\00a0";
}

.list-item--tile .list-item--title span {
	background-color:transparent;
	letter-spacing: 0;
}

.list-item--tile .list-item--text-wrap {
	background-color: rgba(255,255,255,.8);
}

.list-item--tile .list-item--text-wrap i {
	color:#4aa5e1;
}

.list-item--tile .list-item--content {
	position: relative;
	display: block;
	height:0;
	padding:0;
	line-height: 1.5em;

	-webkit-transition:height .2s, padding-top .2s, padding-bottom .2s;
	-moz-transition:height .2s, padding-top .2s, padding-bottom .2s;
	-ms-transition:height .2s, padding-top .2s, padding-bottom .2s;
	transition:height .2s, padding-top .2s, padding-bottom .2s;
}

.list-item--tile .list-item--content span {
	letter-spacing: 0;

	-webkit-transition:letter-spacing .4s;
	-moz-transition:letter-spacing .4s;
	-ms-transition:letter-spacing .4s;
	transition:letter-spacing .4s;
}

.list-item--tile:hover .list-item--content {
	padding:1em 0 1em 0;
	height:3.5em;
}
.list-item--tile:hover .list-item--content span {
	letter-spacing:.2em;
}



@media screen and ( min-width: 500px ) {

	.list-item--tile {
		display:inline-block;
		width:50%;
		max-width:500px;	/* image-width */
		padding:0 10px;
	}

	.list-item--tile .list-item--title {
		font-size:1.2em;
	}

	.list-item--tile .list-item--title p {
		display: block;
	}
	.list-item--tile .list-item--title p:first-child:after {
		content: "";
	}

	.list-item--tile .list-item--title,
	.list-item--tile:hover .list-item--content {
		padding:.5em 0 .5em 0;
	}
}

@media screen and ( min-width: 750px ) {

	.list-item--tile .list-item--title {
		font-size:1.5em;
	}
}


@media screen and ( min-width: 1000px ) {

	.list-item--tile {
		width:25%;
		max-width:500px;	/* image-width */
		padding:0 10px;
		margin-bottom:0;
	}

	.list-item--tile .list-item--title {
		font-size:1.2em;
	}
}

@media screen and ( min-width: 1300px ) {

	.list-item--tile .list-item--title {
		font-size:1.5em;
	}
}



/*		Jobs + Donations section		*/

.dk-section-text_image {
	text-align:left;
}

.dk-section-text_image .section--inner {
	position:relative;
	display:block;
	width:100%;
	max-width:1220px;
	margin:auto;
}
.dk-section-text_image .section--inner:after,
.dk-section-text_image .section--inner::after {
	content:"";
	clear:both;
	display:block;
	height:0;
	margin:0;
	padding:0;
}


.dk-section-text_image .section--header {
	margin-bottom:0;
}

.dk-section-text_image .section--title {
	margin-bottom:.5em;
	text-align:center;
}

.dk-section-text_image p {
	line-height:2;
}

.dk-section-text_image ul {
	padding-left:1em;
	margin-bottom:3em;
}

.dk-section-text_image li {
	color:#4aa5e1;
}

.dk-section-text_image li span {
	color:#333;
}

.dk-section-text_image .dynamic-image img {
	margin:auto;
}

.dk-section-text_image .section--column:first-child .dynamic-image {
	margin-bottom:2em;
}

.dk-section-text_image .section--column:last-child .dynamic-image {
	display:none;
}

.fp-section--jobs .dk-further-reading {
	margin-bottom:4em;
}


@media screen and ( min-width: 700px ) {

	.dk-section-text_image .section--title {
		text-align:left;
	}

	.dk-section-text_image .section--column {
		float:left;
		width:40%;
	}
	.dk-section-text_image .section--column:first-child {
		width:60%;
		padding-right:2em;
		padding-left:0;
	}
	.dk-section-text_image .section--column:first-child .dynamic-image {
		display:none;
	}

	.dk-section-text_image .section--column:last-child .dynamic-image {
		display:block;
	}

	.inverted.dk-section-text_image .section--column {
		float:right;
	}
	.inverted.dk-section-text_image .section--column:first-child {
		padding-right:0;
		padding-left:2em;
	}

	.dk-section-text_image.fp-section--jobs.add-card .section--column {
		width:35%;
	}
	.dk-section-text_image.fp-section--jobs.add-card .section--column:first-child {
		width:65%;
		padding-right:4em;
	}
}

@media screen and ( min-width: 900px ) {

	.inverted.dk-section-text_image .section--column:first-child {
		padding-left:4em;
	}

	.dk-section-text_image.fp-section--jobs.add-card .section--column {
		width:40%;
	}
	.dk-section-text_image.fp-section--jobs.add-card .section--column:first-child {
		width:60%;
	}
}


/*		fachschule kachel		*/

.fp-section--jobs .ka-efh-card {
	text-align: center;
}

.fp-section--jobs .ka-efh-card a {
	position: relative;
	display:block;
	width:100%;
	max-width:400px;
}
.fp-section--jobs .ka-efh-card a:after,
.fp-section--jobs .ka-efh-card a::after {
	content:"";
	display:table;
	height:0;
	clear:both;
	padding:0;
	margin:0;
}

.fp-section--jobs .ka-efh-card figure img {
	margin:auto;
}

.fp-section--jobs .ka-efh-card .text-wrap {
	position:absolute;
	bottom:0;
	left:0;
	padding:.5em 10px;
	width:100%;

	background-color:rgba(255,255,255,.8);
}

.fp-section--jobs .ka-efh-card .text-wrap h3 {
	margin:0;
}


@media screen and ( min-width: 350px ) {

	.fp-section--jobs .ka-efh-card {
		text-align: left;
	}

	.fp-section--jobs .ka-efh-card figure {
		display:inline-block;
		float: left;
		width:100px;
	}

	.fp-section--jobs .ka-efh-card a {
		max-width: none;
	}

	.fp-section--jobs .ka-efh-card .text-wrap {
		position: relative;
		display:inline-block;
		float:left;
		width: calc( 100% - 100px );
		bottom:auto;
		left:auto;
		padding:0;
		padding-left:1em;
		padding-top:18px;
		background-color:transparent;
	}
	
	.fp-section--jobs .ka-efh-card .text-wrap h3 {
		font-size:1em;
	}
}

@media screen and ( min-width: 400px ) {

	.fp-section--jobs .ka-efh-card .text-wrap {
		padding-left:2em;
		padding-top:14px;
	}

	.fp-section--jobs .ka-efh-card .text-wrap h3 {
		font-size:1.125em;
	}
}

@media screen and ( min-width: 700px ) {

	.fp-section--jobs .ka-efh-card {
		margin-top:2em;
	}

	.fp-section--jobs .ka-efh-card {
		text-align: center;
	}
	
	.fp-section--jobs .ka-efh-card a {
		position: relative;
		display:block;
		width:100%;
		max-width:300px;
		margin:auto;
	}
	
	.fp-section--jobs .ka-efh-card figure {
		width:100%;
		float:none;
	}

	.fp-section--jobs .ka-efh-card figure img {
		margin:auto;
	}
	
	.fp-section--jobs .ka-efh-card .text-wrap {
		position:absolute;
		float:none;
		width:100%;
		bottom:0;
		left:0;
		padding:.5em 10px;
	
		background-color:rgba(255,255,255,.8);
	}
}

@media screen and ( min-width: 900px ) {

	.fp-section--jobs .ka-efh-card {
		text-align: left;
	}

	.fp-section--jobs .ka-efh-card figure {
		display:inline-block;
		float:left;
	}

	.fp-section--jobs .ka-efh-card figure,
	.fp-section--jobs .ka-efh-card figure img {
		width:100px !important;
	}

	.fp-section--jobs .ka-efh-card a {
		max-width: none;
	}
	
	.fp-section--jobs .ka-efh-card .text-wrap {
		position: relative;
		display:inline-block;
		float:left;
		width: calc( 100% - 100px );
		bottom:auto;
		padding:0;
		padding-left:2em;
		padding-top:14px;
		background-color:transparent;
	}
}



/*		latest posts section		*/

.list-latest-posts,
.list-latest-posts--inner {
	position:relative;
	display:block;
	text-align:center;
}

.list-latest-posts--inner {
	width:100%;
	margin:auto;
}

.list-latest-posts footer {
	position:relative;
	display:block;
}


/*		upcoming events section			*/

/* .list-upcoming-events,
.list-upcoming-events--inner {
	position:relative;
	display:block;
	text-align:center;
	max-width: none;
}

.list-upcoming-events--inner {
	width:100%;
	margin:auto;
}

.list-upcoming-events footer {
	position:relative;
	display:block;
} */


.page-template-template-events .post-list,
.fp-section--events .post-list {
	text-align:left;
}
.page-template-template-events .post-list[data-item-count="1"],
.fp-section--events .post-list[data-item-count="1"] {
	text-align:center;
}


ul {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: none;
}




/*--------------------------------------------------------------
19.0 CORNERSTONE PAGES 
--------------------------------------------------------------*/

/*		Tiles Subpage			*/

body.template-children-as-tiles .banner {
	margin-bottom:1.5em;
}

.list-item--wide.list-item {
	position: relative;
	display:block;
	width:100%;
	margin:auto;

	margin-bottom:4em;
}
.list-item--wide.list-item:last-child {
	margin-bottom:0;
}

.list-item--wide.list-item .list-item--inner {
	display:inline-block;
	text-align: center;
	max-width:none;
}

.list-item--wide.list-item .list-item--thumbnail {
	display:inline-block;
	max-width:300px;
}

.list-item--wide.list-item .list-item--title {
	text-align: center;
}
.list-item--wide.list-item .list-item--title a {
	font-size:1.2em;
}

.list-item--wide.list-item .list-item--content p {
	line-height:2em;
	font-size: 1em;
	text-align: center;
	font-weight:300;
}

@media screen and ( min-width: 650px ) {

	body.template-children-as-tiles .banner {
		margin-bottom:0;
	}

	.list-item--wide.list-item {
		padding:0 .5em;
	}

	.list-item--wide.list-item .list-item--title a {
		font-size:1.5em;
	}

	.list-item--wide.list-item .list-item--content p {
		font-size: 1.2em;
	}

	body.template-children-as-tiles .detail--list {
		text-align:left;
	}
	.detail--list[data-item-count="1"] {
		text-align:center;
	}

	.list-item--wide.list-item {
		display:inline-block;
		width:100%;
		min-height:211px;
		padding:0;

		overflow:hidden;
	}

	.list-item--wide .list-item--inner {
		width:100%;
		padding-right:281px;
	}

	.list-item--wide.list-item .list-item--thumbnail {
		position: absolute;
		top:0;
		right:0;
		width:281px;
		height:auto;
	}

	.list-item--wide.list-item .list-item--header,
	.list-item--wide.list-item .list-item--content {
		padding-right:1.5em;
	}

	.list-item--wide.list-item .list-item--header {
		margin-top:.5em;
		margin-bottom:1em;
	}
	.list-item--wide.list-item .list-item--title {
		text-align: left;
		margin:0;
	}

	.list-item--wide.list-item .list-item--content p {
		text-align: left;
		font-size: 1em;
		line-height:2em;
		padding-left:1em;
		margin-bottom:0;
		font-weight: 300;
	}
}

@media screen and ( min-width: 1000px ) {

	.list-item--wide.list-item {
		display:inline-block;
		width:50%;
		min-height:150px;
		padding:0;

		overflow:hidden;
	}
	.list-item--wide.list-item:nth-child(odd){
		padding-right:2em;
	}
	.list-item--wide.list-item:nth-child(even){
		padding-left:2em;
	}
	.detail--list[data-item-count="1"] .list-item--wide.list-item {
		padding:0;
	}
	.is-2cols .list-item--wide.list-item {
		display:block;
		width:100%;
		padding:0;
	}


	.list-item--wide .list-item--inner {
		padding-right:200px;
	}

	.list-item--wide.list-item .list-item--thumbnail {
		width:200px;
	}

	.list-item--wide.list-item .list-item--thumbnail img {
		width:auto;
		height: 100%;
	}

	.list-item--wide.list-item .list-item--title a {
		font-size:1.2em;
	}

	.list-item--wide.list-item .list-item--content p {
		line-height:1.5em;
	}
}

@media screen and ( min-width: 1200px ) {

	.list-item--wide.list-item {
		min-height:211px;
	}

	.list-item--wide .list-item--inner {
		padding-right:281px;
	}

	.list-item--wide.list-item .list-item--thumbnail {
		width:281px;
	}


}



/*		2cols + 2cols-type-2 + 2cols-inverse			*/

.is-2cols .banner {
	margin-bottom:1.5em;
}

.is-2cols .detail--content  {
	max-width:1420px;
}

.is-2cols .detail--2cols {
	position: relative;
	display:block;
	width:100%;
	margin:auto;
	padding:0 10px;
}

.is-2cols .cols--col-left,
.is-2cols .cols--col-right {
	position: relative;
	display:block;
	float:left;
	font-size:16px;
}

.is-2cols .cols--col-left {
	width:100%;
	text-align:left;

	display:none;
}
.is-2cols .cols--col-right {
	width:100%;
	text-align: left;
}
.is-2cols .detail--2cols:after,
.is-2cols .detail--2cols::after {
	position: absolute;
	content:"";
	clear:both;
	width:0;
	height:0;
	padding:0;
	margin:0;
}


.is-2cols .detail--content {
	padding:0;
}

.is-2cols-type-2 .cols--col-left {
	text-align:left;
}

@media screen and ( min-width: 650px ) {

	.is-2cols .banner {
		margin-bottom:0;
	}
	.is-2cols .cols--col-left {
		margin-bottom:1em;
	}

	.is-2cols-type-2 .detail--thumbnail {
		float:left;
		margin-right:1.5em;
		margin-bottom:1em !important;
		max-width:60%;
	}
}

@media screen and ( min-width: 1000px ) {

	.is-2cols .cols--col-left {
		display:block;
		width:30%;
		text-align: right;
		padding:0;
	}
	.is-2cols .cols--col-right {
		width:70%;
		text-align: left;
		padding-left:5em;
	}

	.is-2cols-type-2 .cols--col-left {
		text-align:left;
	}
	

	.is-2cols-inverse .cols--col-left {
		text-align:left;
	}
	.is-2cols-inverse .cols--col-right {
		padding:0;
		padding-right:5em;
	}
	.is-2cols-inverse .siblings-nav p.title {
		line-height: 1.5em;
	}
}


/*		siblings nav	*/

 .siblings-nav ul {
	list-style: none;
	font-size: 16px;
	padding:0;
}

.siblings-nav a {
	padding: .2em 5px .2em 30px;
	letter-spacing:0;
}
.siblings-nav--inner > ul > li:first-child > a {
	padding-left:5px;
	font-weight:400; 
}
.siblings-nav .page-item-text {
	letter-spacing:0;
}
.siblings-nav a > .diakonie-kork-icon {
	position: absolute;
	display:none;
	left:5px;
	right:auto;
}
.siblings-nav a > .diakonie-kork-icon svg.icon {
	width:8px;
	height:8px;
	top:-1px;
	color:#4aa5e1;
}

.siblings-nav .current_page_item:not(.thumb-menu--first-item) > a {
	background-color:#ffbe3c;
}
.siblings-nav ul.children {
	margin-top:.7em;
	margin-right:20px;
}


.siblings-nav li.thumb-item {
	margin-bottom:1em;
}

.siblings-nav li.thumb-item a {
	padding:0 0 0 100px;
	min-height:75px;
	width:auto;
}

.siblings-nav li.thumb-menu--first-item {
	margin-top:4px;
	margin-bottom:34px;
}
.siblings-nav li.thumb-menu--first-item a {
	padding:0 !important;
	padding-left:2em !important;
}
.siblings-nav li .thumb-menu--prev-icon {
	position:absolute;
	display:inline-block;
	width:2em;
	height:100%;
	left:0;
	top:0;
}
.siblings-nav li.thumb-menu--first-item .thumb-menu--prev-icon span {
	position: relative;
	display:inline-block !important;
	top:-2px;
	left:-3px;
	color:#4aa5e1;
}
.siblings-nav li .thumb-menu--first-item-text {	/*	 <li> text	*/
	letter-spacing: 0;
	font-weight:400;
	font-size:1em;
}



.siblings-nav li.thumb-item .thumbnail {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:75px;
}

.siblings-nav li.thumb-item .text-wrap {
	min-height:75px;
	padding:0 1em;
	font-size:14px;
}
.siblings-nav li.thumb-item .text-wrap--inner {
	display:block;
	width:100%;
}

.siblings-nav li.thumb-item--page .text-wrap {
	display:-webkit-flex;
	display:-ms-flexbox; 
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.siblings-nav li.thumb-item .text-wrap p {
	font-size:inherit;
	margin:0;
}
.siblings-nav li.thumb-item .text-wrap p:last-child {
	font-weight:400;
}
.siblings-nav li.thumb-item .text-wrap p.title {
	line-height: 1.5em;
}

/*		close 'em all	*/
.js .siblings-nav .children {
	display: none;
}
.js .siblings-nav .current_page_ancestor > .children,
.js .siblings-nav .current_page_item > .children {
	display: block;
}
.js .siblings-nav .diakonie-kork-icon:last-child {
	display:none;
}

.siblings-nav .page_item_has_children > a > .diakonie-kork-icon {
	display:inline;
}

.js .siblings-nav .current_page_item.page_item_has_children > a > .diakonie-kork-icon:nth-child(2),
.js .siblings-nav .current_page_ancestor > a > .diakonie-kork-icon:nth-child(2),
.js .siblings-nav .focus.page_item_has_children > a > .diakonie-kork-icon:nth-child(2) {
	display:none;
}
.js .siblings-nav .current_page_item.page_item_has_children > a > .diakonie-kork-icon:last-child,
.js .siblings-nav .current_page_ancestor > a > .diakonie-kork-icon:last-child,
.js .siblings-nav .focus.page_item_has_children > a > .diakonie-kork-icon:last-child {
	display:inline;
}

@media screen and ( min-width: 1000px ) {

	.siblings-nav ul {
		font-size:16px;
	}
	.siblings-nav a {
		padding: .2em 20px .2em 5px;
		letter-spacing:0;
	}

	.siblings-nav li.thumb-item a {
		width:100%;
	}

	.siblings-nav--inner > ul > li:first-child > a {
		padding-right:5px;
	}
	.siblings-nav a > .diakonie-kork-icon {
		left:auto;
		right:5px;

		display:none;
	}
}



/*		content column		*/

.cols--col-right .page--header {
	margin-bottom:2em;
}

.cols--col-right .page--title {
	font-size: 1.5em;
	font-weight: 400;
	margin:0;
	margin-bottom:.5em;
}

.cols--col-right .detail--thumbnail {
	position: relative;
	display:block;
	margin-bottom: 1.5em;
}

.detail--content p {
	font-size:14px;
	line-height:2em;
}

@media screen and ( min-width: 650px ) {

	.cols--col-right .page--title {
		font-size: 2.5em;
	}

	.detail--content p {
		font-size:16px;
	}
}


/*		breadcrumb		*/

.breadcrumb {
	position:relative;
	display:block;
	margin-bottom:1.5em;
	overflow:hidden;
}
.list_children .breadcrumb {
	margin-bottom:4em;
}

.breadcrumb--inner {
	position: relative;
	display:block;
	height:2em;
}

.breadcrumb--slide-wrap {
	position: relative;
	display:block;
	white-space: nowrap;
}

.breadcrumb .slide-wrap--inner {
	position:absolute;
	display:block;
	top:0;
	height:auto;
}
.breadcrumb.slide .slide-wrap--inner {
	right:0;
}

.breadcrumb--item {
	position: relative;
	display:inline-block;
	font-size: 14px;
	padding-top:7px;
	vertical-align: top;
	color:#4aa5e1;
	letter-spacing:0;

	z-index:10;
}
.breadcrumb--item .seperator {
	position: relative;
	display:inline-block;
	color:#888;
	margin-left:.4em;
	margin-right:.3em;

	z-index:10;
}
.breadcrumb--item > a {
	letter-spacing:0;
}
.breadcrumb--item svg.icon-home {
	width: 21px;
	height: 21px;
	color:#4aa5e1;
}

.breadcrumb--item:first-child .seperator {
	margin-left:35px;
}

.breadcrumb--item-current {
	color: #555;
}

.breadcrumb--inner > .breadcrumb--item {
	padding-top:0;
	color:inherit;

	position: absolute;
	z-index: 20;
	left:0;
	top:3px;
	width:35px;
	background-image: linear-gradient( to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0) );

	-moz-transition:width .2s;
	-webkit-transition:width .2s;
	-ms-transition:width .2s;
	transition:width .2s;
}

.breadcrumb.slide .breadcrumb--inner > .breadcrumb--item {
	width:45px;
}



/*			CS5 Special	-- JOBS UND KARRIERE			*/

.jobs-list .list-item--minimal {
	text-align: left;
}




/*			Media Block				*/

.dk-media {
	position: relative;
	display:block;
	margin-bottom:2em;
}
.dk-media:last-child {
	margin-bottom:0;
}

.dk-media .dynamic-image,
.dk-media .text-wrap {
	position:relative;
	display:block;
	width:auto;
}

.dk-media:not(.bare-layout) .dynamic-image {
	margin-bottom:1em;
}

/* override inline-css in mobile-mode	*/
@media screen and ( max-width: 649px ){

	.dk-media.inline-css .dynamic-image,
	.dk-media.inline-css .text-wrap {
		width:100% !important;
	}
}

@media screen and ( min-width: 650px ) {

	.dk-media .dynamic-image,
	.dk-media .text-wrap {
		position:relative;
		display:inline-block;
		max-width:100%;
	}

	.dk-media.has-image:not(.bare-layout) .text-wrap {
		padding-left:3em;
	}
	
	.dk-media .dk-media--inner .dynamic-image,
	.dk-media .text-wrap--inner p:last-child {
		margin-bottom:0;
	}

	.v-center .dk-media--inner {
		position: relative;
		width:100%;
		
		display:-webkit-flex;
		display:-ms-flexbox; 
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.v-center .text-wrap {
		-webkit-flex: 1; 
		flex: 1;
	}
}




/*			Profile Block				*/

.dk-profile {
	position:relative;
	display:block;
	margin-top:2em;
	margin-bottom:3em;
	text-align: left;
}


.dk-profile.minimal {
	position:relative;
	display:block;
	margin-top:2em;
	margin-bottom:3em;
	text-align: left;
}



.dk-profile .dynamic-image,
.dk-profile .text-wrap {
	display:block;
	width:100%;
}

.dk-profile .dynamic-image {
	position: relative;
	margin-bottom:1em;
	max-width:300px;
}


.dk-profile p {
	font-size: 14px;
	margin-bottom:.5em; 
}

.dk-profile .name {
	font-size:1.25em;
	margin-bottom:.25em;
	font-weight:400;
}

.dk-profile .dk-icon-text--icon .diakonie-kork-icon svg {
	width:19px;
	height:19px;
	color:#4aa5e1;
	vertical-align: top;
	top:6px;
}
.dk-profile .dk-icon-text--icon .diakonie-kork-icon svg.icon-envelope {
	top:7px;
}

@media screen and ( min-width: 650px ) {

	.dk-profile .dynamic-image {
		display:inline-block;
		margin-bottom:0;
		width:300px;
	}

	.dk-profile .has-image .text-wrap {
		position: relative;
		display:inline-block;
		width:calc(100% - 300px);
		padding-left:3em;
		height:auto;
		text-align: left;		
	}
}

@media screen and ( min-width: 1000px ) and ( max-width: 1400px ){
	
	.dk-profile .dynamic-image {
		width:250px !important;
	}
}


@media screen and ( min-width: 1400px ) {
	
	.dk-profile p {
		font-size:16px;
	}
}

/*		Icon-Text Block					*/

.dk-icon-text {
	display:block;
	width:100%;
	width:auto;
}

.dk-icon-text:after,
.dk-icon-text::after {
	display: table;
	height: 0;
	clear:both;
}

.dk-icon-text--icon  {
	position:absolute;
	display:block;
	width:auto;
	height:100%;
}
.dk-icon-text--icon .diakonie-kork-icon {
	display:block;
	width:auto;
	height:100%;
	color:#4aa5e1;
}
.dk-icon-text--icon .diakonie-kork-icon svg {
	font-size:inherit;
	width:21px;
	height:21px;
	vertical-align: middle;
}
.dk-icon-text--icon i {
	color:#4aa5e1;
}

.dk-icon-text--text {
	padding:.3em 0;
	margin-left:2em;
}
.dk-icon-text--text a {
	display:inline;
}

.dk-icon-text.link-all .dk-icon-text--text {
	padding:0;
	margin:0;
}

.dk-icon-text.link-all .dk-icon-text--text > a {
	padding:.3em 0 .3em 2em;
}


/*		PDF		*/

.dk-pdf svg.icon-pdf {
	width:21px;
	height:21px;
	color:#4aa5e1;
	top:.1em;
}

/*		FURTHER READING		*/

.dk-further-reading {
	display:inline-block;
}

.dk-further-reading .dk-icon-text--icon {
	top:.65em;
	left:.8em;
	height:auto;
}
.dk-further-reading svg.icon {
	color:#4aa5e1;
	width:8px;
	height:8px;
}

.dk-further-reading a {
	text-decoration:none;
}
.dk-further-reading.link-all .dk-icon-text--text > a {
	position:relative;
	display:inline-block;
	padding:.7em 1em .6em 2em;
	border:solid 1px #4aa5e1;

}



.vi5it-embed--embed-wrap > figure > iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/*			buchungskalender		*/

.vi5it-embed--embed-wrap.buchungskalender {
	position:relative;
	width:100%;
	max-width:100%;
	height:auto;
	min-height:500px;
	
}
.vi5it-embed--embed-wrap.buchungskalender > figure {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/*		Kontaktformular Ambulanz		*/

.js .dk-accordion-form .dk-accordion-form--content {
	display:none;
}

.dk-accordion-form {
	margin-bottom:5em;
}

.dk-accordion-form--header {
	position:relative;
	display:block;
	width:100%;
	padding:.0;
	padding-bottom:.2em;
	margin-bottom:2em;
	cursor: pointer;
	border-bottom: solid #aaa 1px;

	transition:color .2s, border-color .2s;
}
.dk-accordion-form--header:after,
.dk-accordion-form--header::after {
	content:"";
	display:table;
	height:0;
	clear:both;
}

.dk-accordion-form--header:hover {
	/* color:#4aa5e1; */
	border-color:#4aa5e1;
}

.dk-accordion-form.open .dk-accordion-form--header {
	border-color:#4aa5e1;
	/* border-width: 3px; */
}

.dk-accordion-form--title {
	position:relative;
	display:inline-block;
	width:calc( 100% - 30px );
	float:left;
	margin-bottom:0;
	font-size:1.7em !important;
	font-weight: 300;
	color:inherit;
}

.dk-accordion-form--toggle-icon {
	position:relative;
	display:inline-block;
	width:30px;
	height:16px;
	float:left;
	margin-top:18px;
}
.dk-accordion-form--toggle-icon > svg {
	width:100%;
	height:100%;

	transition:transform .4s;
}

.dk-accordion-form.open .dk-accordion-form--toggle-icon > svg {
	-ms-transform:rotateX(180deg);
	transform:rotateX(180deg);
}


/*		grid logos		*/
.grid-logos > div {
	position:relative;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
}
.grid-logos figure {
	position: relative;
	display: block;
	width: 100%;
	padding:0 5px;
	text-align:center;
	margin-bottom:2em;
}
.grid-logos figure a {
	vertical-align:top;
}
.grid-logos figure img {
	position:relative;
	display:block;
	width:100%;
	max-width:240px;
	margin:auto;
}

@media screen and ( min-width:400px ){
	.grid-logos figure {
		width:50%;
	}
}

@media screen and ( min-width:600px ){
	.grid-logos figure {
		width:33.333%;
	}
}