/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-regular - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

  /* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/open-sans-v29-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v29-latin-500.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v29-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  
  /* open-sans-600 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-700 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
/* open-sans-800 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('fonts/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
  }



.logo_pos { margin: 20px 0 0 0; }

h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 15px; }

/*-----------------------*/
/*  Slider Effekt Start  */
/*-----------------------*/
.slider-container {
	width: 100%;
	height: 350px;
	background: #f5f5f5;
	margin: 0 auto;
	position: absolute;
	left: 0;
}

.slider-message {
overflow: hidden;
position: relative;
width: 960px;
height: 290px;
margin: 0 auto;
padding: 30px 0;
}
.slider-message li
{
	float: left;
	position: relative;
	width: 960px; /*--.slider-message, .slider-message li, .slider-msg-box all this three have same width  --*/
	display: inline-block;
	height: 290px;
}
.slider-message ul
{
	list-style: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 3840px;
	/* padding: 0 0 0 25px; */
	margin: 40px 0;
	transition: left .3s linear;
	-moz-transition: left .3s linear;
	-o-transition: left .3s linear;
	-webkit-transition: left .3s linear;
	/* margin-left: -25px; */
	color: #666;
}
.slider-msg-box
{
	margin: 0;
	padding: 0;
	width: 960px; /*--.slider-message, .slider-message li, .slider-msg-box all this three have same width  --*/
}

.slider-msg-box img{ border-radius: 50% !important; max-width: 270px; max-height:270px; width: 100%; height: 100%; float: left;  }
.slider-msg-box p {
float: left;
display: block;
height: 290px;
width: 580px;
padding: 6.5% 0 0 30px;
}

@keyframes slider {
	0%, 15% {left: 0;}
	25%, 40% {left: -100%;}
	50%, 65% {left: -200%;}
	75%, 90% {left: -300%;}
	100% {left: -400%;}
}

.slideList {
	animation-name: slider;
	animation-duration: 20s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes slide-animation {
	/* Erster Slider steht auf 0 */
	0% {opacity:0;}
	0.5%,	24% {left:0px; opacity:1;}
	25% {opacity:0.3;}

	/* zweiter Slider steht auf -960 */
	25.5% {left:-960px; opacity:0.3;}
	25.5%, 50% {left:-960px; opacity:1;}
	51% {opacity:0.3;}

	/* dritter Slider steht auf -1920 */
  51.5% {left:-1920px; opacity:0.3;} 
  51.5%, 75% {left:-1920px; opacity:1;} 
	76% {opacity:0;}

	/* vierter Slider steht auf -2880 */
  76.5% {left:-2880px; opacity:0.3;} 
  76.5%, 99% {left:-2880px; opacity:1;} 
	99.5% {opacity:0;}
	
	/* zurück setzen auf ersten Slider steht auf 0 */
	99.5%{left:-2880px; }
	100% {left:0px; opacity:0;}
}
.slider-container ul
{
	-webkit-animation: slide-animation 24s infinite;
}
.slider-container ul:hover
{
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
.animated {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
/*----------------------*/
/*  Slider Effekt Ende  */
/*----------------------*/


/*---------------*/
/** Sadie Effekt */
/*---------------*/

.grid figure.effect-sadie {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0;
	min-width: 300px;
	max-width: 300px;
	max-height: 300px;
	min-height: 300px;
	width: 48%;
	background: transparent;
	text-align: center;
	cursor: pointer;
}

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484B54 !important;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 85%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
	color: #fff !important;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*-------- Effect chico --------*/

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
	src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
		url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
		url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
		url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

}

*, *:after, *:before {-webkit-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }

.grid {
	position: relative;
	margin: auto;
	padding: 0 0 0;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position:relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 300px;
	max-width: 300px;
	max-height: 300px;
	min-height: 300px;
	width: 48%;
	background: #008143;
	text-align:center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.9;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}


/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	color: #ffffff;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
    padding: 50px;
    position: absolute;
    top: 0px;
    z-index: 222;
    width: 200px;
    height: 200px;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s; -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 40% 0 0 0;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.3);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.effect-chico h3{ text-shadow: 0px 0px 3px rgba(0,0,0,0.65); margin: 38% 0 0px 0; color:#fff; line-height: 110%;}

@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		/*text-align: center;*/
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}


/*@media screen and (max-width: 960px) {
.grid figure { 
	min-width: 300px;
	max-width: 300px;
	max-height: 300px;
	min-height: 300px; 
}
figure.effect-chico figcaption { 
    width: 200px;
    height: 200px;
}
}*/

/*-------- Ende Effect chico --------*/

/*-------- Start Änderung Bestand --------*/
h1, h2, h3, h4, h5, h6 {  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#555; margin:0 0 15px 0;}
/* h4{font-size:1.7em; color:#555; font-weight:normal; margin:20px 0;} */

.navbar-inner button.btn-navbar, .navbar-inner button.btn-navbar:hover { margin: 0 auto !important; }
.navbar .nav > .active > a, ul.nav > li.dropdown li > a, ul.nav > li.dropdown li > a, ul.nav .dropdown-submenu > a, .dropdown-menu a,.notouch ul.nav li.dropdown:hover > ul.dropdown-menu {transition: all  0.3s ease; transition-delay: 0.1s; }
.navbar-inner { z-index: 99999; }
.dropdown-menu { min-width: 220px; }
ul.nav > li.dropdown li > a { color: #000; padding: 10px 25px;}
ul.nav > li.dropdown li > a, ul.nav .dropdown-submenu:hover > a{ font-weight: normal;}
ul.nav > li.dropdown li > a:active,  ul.nav .dropdown-submenu:hover > a {font-weight: bold; }

.navbar ul.nav li { text-transform: uppercase; }
.navbar ul.nav { margin-right: 10.5% !important; }
ul.nav > li > ul.dropdown-menu { top: 92%; left:10px; }
.dropdown-submenu > .dropdown-menu, .nav-pills .dropdown-menu { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
ul.nav > li.dropdown li{ border-bottom: 1px solid #fff; }
ul.nav > li.dropdown li:last-child{ border-bottom: none; }
.breadcrumb > li span.divider {
	padding: 5px;
	color: #666666;
	content: "";
	background: #fff url("../media/images/dividier.png") no-repeat 5px 12px;
}
#searchfield { border-radius: 3px; }
#searchform:active{bottom:20px;}

a.button, #banner a.button, #afterfooter a.button, input.button { transition: all 0.5s ease; }

ul li{margin:0;}
ul.nav.nav-list li { border-bottom: 1px #e1e1e1 solid; }
ul.nav.nav-list li a { padding: 10px 0; }

.navbar .nav > li > a {padding: 7px 15px !important; }

a.button {
	/* display: inline-block; */
	margin: 0;
	padding: 10px 15px;
	font-size: 14px !important;
	letter-spacing: 1px;
}

.brand{display:none !important;}

.nav-list > .active > a, .nav-list > .active > a:hover { background-color: #ececec; }

.nav .icon-chevron-right {	margin-right: 2px; opacity:1; }

.newsbox { padding:10px 15px; background-color: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }
  
  .newsbox:hover, .kontaktbox:hover {
	box-shadow: 0 5px 10px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.12);
}

.kontaktbox { padding:30px 30px 15px; background-color: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }


/*-------- Ende Änderung Bestand --------*/

/*--------- CSS Datenschutz -----------*/


.datenschutzinfo{
	padding: 0;
	text-align: left;
	font-size: 0.9em;
}
 
.datenschutz h3 {
	font-size: 1.5em;
	letter-spacing: 0.02em;
	padding-bottom: 20px;
	color: #555;
	margin: 35px 0 0 0;
}
.datenschutz ol li{list-style-type: upper-alpha !important;} 

.datenschutz ul li{list-style-type: square !important;} 
    
.alertbanner.content a#close { 	top: -2400px; }
div.alertbanner.content {padding: 20px;}
.close { float: left; }
.btn-mittig{margin: 0 auto; text-align:center;}

/*------- Ende Datenschutz --------*/

/*---------------------------*/
/*          Eigenes          */

.download{ background-size:20px 20px !important; background: transparent url(../media/images/download-solid.svg) no-repeat 0 10px; padding:10px 15px; } 
.box_download{margin:30px auto; text-align: center;}
.info{display:block; padding: 30px; margin: 0 0 30px 0; text-align: center; background-color:#e5f2ec;}
.info h1, .info h2, .info h3, .info h4, .info h5, .info h6 {margin: 0;}

.adress_quad { padding: 20px; width: 260px;	min-height: 260px;	background: #e8f2ea; margin-top: 0; display: block;}

.box_rowright{ border-bottom: 1px solid rgb(190, 190, 190); margin-bottom:15px; padding-bottom:15px;}
.h3_rowright{color: #008143; font-weight:bold;}
.box_rowright table, .box_rowright ul{ margin-bottom:0; }

.posrel{position:relative; }

.infobox{padding:30px 30px 30px 80px; background-color: #00814320; line-height: 30px; font-size: 1.4em;  margin:30px 0; }

.infobox:after {
  content: "\f129"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 85px; 
  top: calc(50% - 15px);
  left: 30px; 
  z-index: 1;
  opacity: 0.5;
}
.mitte { margin: 10px auto 0 -60px; text-align: center; }
.spacer{height:270px;}

.imghide{width:300px; height:300px; overflow:hidden; text-align:center; border: 1px solid #008143; float:right; margin: 0 0 0 20px; background-color: #efefef;}

.imghide img{width: 240px;
height: auto;
box-shadow: 0 0 8px #0009;
-moz-box-shadow: 0 0 8px #0009;
-webkit-box-shadow: 0 0 8px #0009;
transform: rotate(5deg);
padding: 0;
margin: 20px; }

.anzeige{padding:20px; border:1px solid #555; background-color:#f3f3f3;}

.quad h3 { 
	/* font-family: 'Roboto', sans-serif; */
	margin: 85px 0 0px 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.5px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.65);
}

.quad h3 span, h3 span{   font-size: 22px; }
.telnr td:first-child{width: 20%;}

.inforight div p:first-child{color:#008143; font-weight: 700;}
.inforight div{border-bottom: 1px solid rgba(0,0,0,0.15); margin: 20px 0; padding: 0 0 32px 0;}
.inforight div:nth-child(1) { margin:  0; }

.job_short{ padding:20px; margin: 15px 20px; display:block;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); width: 87%; }

.job_short:hover { box-shadow: 0 0px 15px rgba(0,0,0,0.2), 0 0px 15px rgba(0,0,0,0.2);  }

.job_short > h2, .job_short > div > h2  { color:#999; transition: all 0.3s ease; font-size: 28px;  }
.job_short > h2 span { font-size: 22px;  }
.job_short:hover > h2, .job_short > div:hover > h2  { color: #008143;  }

.item > h2 { background-color: #008143; color: #fff; padding:30px; display:block; margin: -5px 0 15px 0; text-align: center; font-size: 26px; }
.item_last, .item_inside { margin-bottom:30px; }
.item_last h3, .item_inside h3{ margin:10px 0; }



.job_detail h3{margin: 30px 0;}

 .job_detail_adress { color: #008143; padding: 0 30px; display:block; margin: 0; }

.job_detail_adress { position: relative; }
.job_detail_adress h3 { color: #008143; font-weight:300; }
.job_detail_adress .btn, .job_short .btn  { margin: 20px 0; }

.job_detail_adress a{ color: #555; }
.job_detail_adress a:hover{ color: #55555560; }
.job_detail_adress > .btn > a{ color: #555; }
 

.grid2-1 {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 1fr;  
	height: 100%;
	align-items: stretch;
  }
  
  @media all and (-ms-high-contrast:none) {
 
	.job_detail  { float: left; width: calc(66% - 60px); margin:0; align-items: stretch;}
	.job_detail_adress { float: right; width: calc(33% - 60px);  margin:0; align-items: stretch;}
  
  }
 
.grid2-1 .job_detail:first-child{padding:30px; border: #008143 solid 1px; }


.adresslogo { margin: 0; padding:0 0 10px 0; width:auto; height:auto; }
.adresslogo-diakonie { display:block; position: absolute; bottom:0; left:0; right: 0; margin: 30px; padding:20px;  width:auto; height:auto; }

.adressblock{margin:0 0 110px 0;}
.adressblock h3{margin: 10px 0; line-height: 100%;}

.fontsize75{font-size:75%;}

   /*-=-=-=-=-=-=-=-=-=-=-=- */
  /* DIV Table Design START  */
  /*-=-=-=-=-=-=-=-=-=-=-=- */
.limiter {
	width: 100%;
	margin: 0 auto;
  }
  
  .container-table100 {
	width: 100%; 
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap; 
  }
  
  .wrap-table100 {
	width: 960px; 
	overflow: hidden;
  }
  
  .table {
	width: 100%;
	display: table;
	margin: 0;
  }
  
  @media screen and (max-width: 768px) {
	.table {
	  display: block;
	}
  }
  
  .row {
	display: table-row;
	background: #fff;
  }
  
  .row.header {
	color: #ffffff;
	background: #008143;
  }
  
  @media screen and (max-width: 768px) {
	.row {
	  display: block;
	}
  
	.row.header {
	  padding: 0;
	  height: 0px;
	}
  
	.row.header .cell {
	  display: none;
	}
  
	.row .cell:before { 
	  font-size: 12px;
	  color: #808080;
	  line-height: 1.2;
	  text-transform: uppercase;
	  /* font-weight: unset !important;*/
	  font-weight: bold;
	  letter-spacing:1px;
  
	  margin-bottom: 13px;
	  content: attr(data-title);
	  min-width: 98px;
	  display: block;
	}
  }
  
  .cell {
	display: table-cell;
  }
  
  @media screen and (max-width: 768px) {
	.cell {
	  display: block;
	}
  }
  
  .row .cell { 
	font-size: 15px;
	color: #666666;
	line-height: 1.2;
	/*font-weight: unset !important;*/
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f2f2f2;
  }
  
  div.row > div:first-child {  font-weight: bold; }
  
  .row.header .cell { 
	font-size: 18px;
	color: #fff;
	line-height: 1.2;
	font-weight: unset !important;
  
	padding-top: 19px;
	padding-bottom: 19px;
  }
  
  .row .cell:nth-child(1) {
	width: 400px;
	padding-left: 25px; 
  }
  
  .row .cell:nth-child(2) {
	width: 160px;
  }
  
  .row .cell:nth-child(3) {
	width: 250px;
  }
  
  .row .cell:nth-child(4) {
	width: 190px;
  }
  
  
  .table, .row {
	width: 100% !important;
  }
  
  .row:hover {
	background-color: #d9d9d9;
	cursor: pointer; 
  }
  
  @media (max-width: 768px) {
	.row {
	  border-bottom: 1px solid #f2f2f2;
	  padding-bottom: 18px;
	  padding-top: 30px;
	  padding-right: 15px;
	  margin: 0;
	}
	
	.row .cell {
	  border: none;
	  padding-left: 30px;
	  padding-top: 16px;
	  padding-bottom: 16px;
	}
	.row .cell:nth-child(1) {
	  padding-left: 30px;
	}
	
	.row .cell { 
	  font-size: 18px;
	  color: #555555;
	  line-height: 1.2;
	  font-weight: unset !important;
	}
  
	.table, .row, .cell {
	  width: 100% !important;
	}
  }
	/*-=-=-=-=-=-=-=-=-=-=-=- */
	/* DIV Table Design ENDE  */
	/*-=-=-=-=-=-=-=-=-=-=-=- */

  /*-=-=-=-=-=-=-=-=-=-=-=- */
  /* Column Counter Grids */
  /*-=-=-=-=-=-=-=-=-=-=-=- */
  
  .col_half { width: 49%; }
  .col_third { width: 32%; }
  .col_fourth { width: 23.5%; }
  .col_fifth { width: 18.4%; }
  .col_sixth { width: 15%; }
  .col_three_fourth { width: 74.5%;}
  .col_twothird{ width: 66%;}
  .col_half,
  .col_third,
  .col_twothird,
  .col_fourth,
  .col_three_fourth,
  .col_fifth{
	  position: relative; 
	  display: inline-block;
	  float: left;
	  margin-right: 2%;
	  margin-bottom: 20px;
	}
	
	.col_full{ width: auto; margin:-8px 0; display: block; position: relative; float: none; padding: 20px !important;}

  .end { margin-right: 0 !important; float: none; clear: both;}
  /* Column Grids End */
  
  .count_wrapper { width: auto; margin: 30px auto; position: relative;}
  .counter { background-color: #00814320; padding: 20px 0; }
  .count-title { font-size: 40px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
  .count-text { font-size: 13px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
  .fa-3x { margin: 0 auto; float: none; display: table !important; color: #008143; }
  
.img_floatleft{float:left; padding: 0 30px 20px 0;}
.img_floatright{float:right; padding: 0 0 20px 30px;}

/* --- iframe ---- */

.iframe-embeded{position: relative; padding-bottom: 100%; height: 0; overflow: hidden;}
.iframe-box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  } 

/* iframe{height: 100%;} */


.kontaktdaten{border-top:1px solid #ddd; padding:5px 0;}
.kontaktdaten th{padding:8px 0; text-align:left; }

/*        Eigenes ENDE         */
/*---------------------------*/

/*---------------------------*/
/*          Sitemap        

 #layoutsitemap .container { min-width: 1280px !important; }   */

.sitemap-item > a:nth-child(1), div.sitemap-item > ul > .haschilds > a:nth-child(1) { font-weight: bold; line-height: 25px; } 

#layoutsitemap span:first-child, .haschilds > a:nth-child(1) {text-transform:uppercase;}

#layoutsitemap div.sitemap-item { max-width: 400px !important; }


/*---------------------------*/
/*           MEDIA           */


@media screen and (max-width: 50em) and (max-width: 900px) {
 
    div.alertbanner.content { 
    position: relative;
    top: 10px !important;
	left: 0 !important; 
    z-index: 99;
}
    a.button span, #banner a.button span, #afterfooter a.button span, input.button {
	display: block; 
	margin: 0;
	padding: 1px 5px;
    font-size: 0.85em;
}
    
}



@media all and (max-width: 768px) and (orientation:portrait) {

		#layoutsitemap .container { padding: 0 30px;}
		.imghide{width: 268px !important;height: 268px !important;margin-bottom: 20px !important}
		.imghide img{width: 220px; height: auto;}
		
		figure.effect-sadie h2 { top: 35%; width: 90%;}

		.grid2-1 { display:block !important; }
		.adresslogo{ position: relative; }
		.job_short { margin: 15px 10px; width: auto;	}

		.job_detail_adress { margin-top: 30px;}
		.adressblock{margin:0;}
		.adresslogo-diakonie { bottom: -110px;	}

		.job_detail { float: none; width: calc(100% - 62px); }
		.job_detail_adress { float: none; width: calc(100% - 60px);}

		.infobox::after {	top: calc(60% - 45px); }
		
		.col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth{	display: block;	float: none;	width:auto; }

		.counter {padding: 20px; margin:20px 0;	width: auto;	}
		}

		
		@media screen and (min-width:461px) and (max-width:768px) and (orientation:portrait) {
			.slider-message ul { margin: 30px ;	}
			.slider-container {	height: 330px;	}
			/* .slider-message { 	height: 400px; width: 768px;	}*/
			.slider-message li {height: 270px; } 
			.slider-msg-box p {	width: 400px; padding:20px 30px;	}

		.spacer {min-height: 270px;}

		.counter {padding: 20px; margin:20px 0;	width: auto;	}

		.col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth{	display: block;	float: none;	width:auto; }

		/* h1, h2, h3, h4, h5, h6{font-size: 90%;} */

	}


		@media screen and (min-width:320px) and (max-width:460px) and (orientation:portrait) {
			.slider-message ul { margin: 30px 0;	}
			.slider-container {	height: 570px;	}
			.slider-message { 	height: 570px; width: 360px;	}
			.slider-msg-box img{ margin: 0 30px; width: 300px; height: 300px; max-width: 360px; max-height: 360px; float: none;}
			.slider-msg-box p {	float: none;	width: 300px; padding:20px 30px;	}

		.spacer {min-height: 550px;}

		.counter {padding: 20px; margin:20px 0;	width: auto;	}

		.col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth{	display: block;	float: none;	width:auto; }

		.img_floatleft, .img_floatright{float:none; padding: 0 0 20px 0;}

		h1, h2 {font-size: calc(250% - 1vw);}

	}


/*        MEDIA ENDE         */
/*---------------------------*/