@charset "UTF-8";

@import url(//cdn.warenform.de/dvs/css/basic-design.css);

/* CSS Document */

/* Farben:
blau #10519f rgba(16,81,159,1)
blau 40% #9fb9d9 rgba(16,81,159,0.4)

gruen #45a12a rgba(69,161,42,1)
gruen 10% #ecf5e9 rgba(69,161,42,0.1)
gruen 25% #d0e7ca rgba(69,161,42,0.25)

blau #034ea2 rgba(3,78,162,1)
blau 40% #9ab8da rgba(3,78,162,0.4)

gruen #80c342 rgba(128,195,66,1)
gruen 10% #f2f9ec rgba(128,195,66,0.1)
gruen 25% #dff0d0 rgba(128,195,66,0.25)

anthrazit #44444b rgba(68,68,75,1)

magenta #e41470 rgba(228,20,112,1)

Gelb #fee13b rgba(254,225,59,1)

rot #be1a29 rgba(190,26,41,1)

*/

/* Logo */
.Logo a {
	padding: 10px 30px 0 30px;
	width: 280px;
}

.PUB .Public-Web.Topic-1 .Container {
	display: none;
}
.PUB .Main .News {
	margin: 0 10px;
}
.PUB .Public-Web.Topic-1 .Listing ul li {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

.Article-Persons .vcard dl dd {
	line-height: 150%;
}
.Article-Persons .Image.Dummy {
	display: none !important;
}
.Article-Persons .Image.Dummy + .Desc {
	padding-left: 0;
}

.Info-Blurb {
	background: #fff;
}

.Quicklinks li a:before,
.Quicklinks li a:focus,
.Quicklinks li a:hover,
.Quicklinks li a:active {
	background: rgba(128,195,66,1);
	color: #fff !important;
}
.Quicklinks li:first-child a:before,
.Quicklinks li:first-child a:focus,
.Quicklinks li:first-child a:hover,
.Quicklinks li:first-child a:active {
	background: rgba(3,78,162,1);
}

.About-Us p {
	hyphens: auto;
}

/* Projekte */
.Project .Body h3, .Main .Project .Body .Content h3 {
	margin-top: 0;
}
.Project .Body h3, .Main .Project .Body .Content * + h3 {
	margin-top: 60px;
}
.Project .Body .Content ul li {
	margin-left: 30px;
}
.Project .Additional-Info h3 {
	border-bottom: 1px solid rgba(68,68,75,0.6);
	color: rgba(68,68,75,0.6);
	display: inline-block;
	font-family: 'Finger Paint', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
	margin: 20px 0;
	transform: rotate(-1deg);
}
.Project .Additional-Info .Content h3 {
	margin-top: 0;
}
.Project .Additional-Info .Content * + h3,
.Project .Additional-Info .Content * h3 {
	margin-top: 20px;
}
.Project .Additional-Info .Content {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.Project .Body .Projekte h1 {
    font-size: 24px !important;
	margin: 30px 0;
}

.Content blockquote,
.cke_show_borders blockquote {
    font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 2rem 1rem 2rem 4rem;
}
.Content blockquote:before,
.cke_show_borders blockquote:before {
	color: rgba(68,68,75,0.7);
	content: '”';
	font-family:'Times New Roman', Times, serif;
	font-size: 6rem;
	font-style: normal;
	font-weight: bold;
	margin-left: -4rem;
	margin-top: 2rem;
	position: absolute;
}

/* Quicklinks */
@media only screen and (min-width: 60em) {
  .Quicklinks li a::before {
    height: 38px;
  }
}
@media only screen and (min-width: 74em) {
  .Quicklinks li a::before {
    height: 48px;
  }
}

.Button {
	margin: 20px auto;
}
.Button a {
	background: rgba(128,195,66,1);
	color: #fff;
	display: inline-block;
	font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 10px 30px;
}

/* Blog */
.Blog .Article {
	margin: 60px 0;
}
.Blog .Article h1 {
	font-size: 24px;
}
.Blog .Article .Article-Persons {
	padding-top: 0;
}
.Blog .Article .Article-Persons h3 {
	display: none;
}
.Blog .Article .Article-Persons h3 {
	display: none;
}
.Blog .Article .Article-Persons ul {
	margin-top: 30px;
}
.Blog .Article .Article-Persons ul li {
	background: none;
	box-sizing: border-box;
	margin: 0 0 30px 0;
	padding: 0;
	width: 48%;
}

/* Portolio */
.Portfolio {
	background: rgba(16,81,159,0.25);
	border-bottom: 40px solid #fff;
	padding: 30px 15px 60px;
}
.Portfolio .Label {
	margin: 0 0 0 15px;
}
.Portfolio li {
	border: 15px  solid transparent;
}
.Portfolio li a {
	background: #fff;
	color: rgba(69,161,42,1);
	display: block;
	font-family: 'Roboto Slab';
	font-size: 14px;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
}
.Portfolio li a span:before {
	color: #fff;
	content: '\f0da';
	display: block;
	font-family: "FontAwesome";
	margin-left: -5px;
	position: absolute;
}
.Portfolio li a:focus,
.Portfolio li a:hover,
.Portfolio li a:active {
	background: rgba(69,161,42,1);
	color: #fff;
}

.Main fieldset p,
.Main fieldset .Textarea {
	padding: 0;
}

.Article-Listing-With-Persons .Article-Persons .Desc {
	padding-right: 15px;
	vertical-align: top;
}
.Topic-5 .Article-Persons .Desc h4 {
	font-weight: 400
}
.Topic-5 .Article-Persons .Desc h4 a {
	font-weight: 700
}

/* Suche */
.Search .Connected {
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.Footer .Logos a[href="https://www.diakonieverbund.de"] img {
	border-bottom: 3px solid #fff;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	border-top: 3px solid #fff;
	width: auto !important;
}

/* Specials */
.Specials .Box {
	background: rgba(187,187,187,0.1);
}
.Specials .Box h3 {
	background: rgba(3,78,162,1);
	border-bottom: 5px solid rgba(187,187,187,0.2);
	border-bottom: 5px solid #fff;
	color: #fff;
	font-weight: 700;
	padding: 10px 20px;
}
.Specials .Box .Item {
	padding: 10px 20px;
}
.Specials .Box .Item p {
	line-height: 155%;
	margin-bottom: 10px;
}
.Specials .Box .Item li {
	margin-bottom: 20px;
}
.Specials .Box .Item li:last-child {
	margin-bottom: 0;
}
.Specials .Box .Item a {
	text-decoration: none;
}
.Specials .Box .Item a .Date {
	color: #000;
	display: block;
}
.Specials .Box .Item a img {
	display: block;
	margin: 10px 0;
	max-width: 100%;
}
.Specials .Box .Item a strong {
	display: block;
}
.Specials .Box .Item a:focus strong,
.Specials .Box .Item a:hover strong,
.Specials .Box .Item a:active strong {
	text-decoration: underline;
}
.Specials .Box.Aktuelles,
.Specials .Box.Quicklinks {
	background: none;
}
.Specials .Box.Aktuelles li {
	margin-bottom: 20px;
}
.Specials .Box.Aktuelles li a
.Specials .Box.Aktuelles li span,
.Specials .Box.Aktuelles li strong {
	display: block;
}
.Specials .Box.Aktuelles li a {
	color: rgba(68,68,75,1);
	display: block;
	font-size: 12px;
	text-decoration: none !important;
}
.Specials .Box.Aktuelles li a strong {
	color: rgba(3,78,162,1);
	font-size: 16px;
	font-weight: 300;
}
.Specials .Box.Aktuelles li a:focus strong,
.Specials .Box.Aktuelles li a:hover strong,
.Specials .Box.Aktuelles li a:active strong {
	text-decoration: underline !important;
}
.Specials .Box.Quicklinks .Label {
	display: none;
}
.Specials .Quicklinks li a {
	border: 0;
}
.Specials .News li {
	margin-bottom: 30px;
}

.Home .Specials .Stellenangebote ul li:nth-child(3) {
	display: none;
}

/* Spendenlinks */
a[href="https://www.kd-onlinespende.de/projekt/wo-hilfe-gebraucht-wird/display/link.html"],
a[href="https://www.kd-onlinespende.de/projekt/EJHB_Garten_F%C3%B6rderturm/display/link.html"],
a[href="https://www.kd-onlinespende.de/projekt/Schaukel/display/link.html"] {
	background: rgba(128,195,66,1);
	color: #fff;
	display: block;
	font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 20px auto;
	padding: 10px;
	max-width: 80%;
	text-align: center;
	width: 200px;
}
a[href="https://www.kd-onlinespende.de/m/projekt/wo-hilfe-gebraucht-wird.html"] {
	float: right;
}

.vcard dl dt.Email + dd span, .vcard dl dt.Mail + dd span {
    display: block;
	left: -10000px;
	position: absolute;
	top: -10000px;
}
.vcard dl dt.Email + dd a:before, .vcard dl dt.Mail + dd a:before {
    content: 'E-Mail';
}
@media only screen and (max-width: 28.13em) {
	.Logo a {
		width: 150px !important;
	}
}
@media only screen and (max-width: 60em) {
	.Head {
		height: 90px;
	}
	.Logo a {
		height: 90px;
		width: 190px;
	}
	/* Navi */
	.Navi {
		top: -40px;
	}
	.Head-Border {
		top: 30px;
	}

	/* Mobile-Navi */
	nav.Navi:target {
		top: -257px;
	}
	nav .NaviContainer {
		margin-top: 188px;
	}

	.Main {
		padding-bottom: 60px;
	}

	/* Quicklinks */
	.Quicklinks li {
		display: none;
	}
	.Quicklinks li:first-child,
	.Quicklinks li:last-child {
		display: block;
	}
	@media only screen and (min-width: 35em) {
		.Portfolio li {
			box-sizing: border-box;
			float: left;
			width: 50%;
		}
	}

	/* Specials */
	.Specials,
	.Footer {
		display: none;
	}
}

@media only screen and (max-width: 28.13em) {
	nav .NaviContainer {
		margin-top: 195px;
	}
}
@media only screen and (min-width: 35em) {
	.Projekte-Listing a img {
		filter: none;
		opacity: 0.85;
		transition-duration: 0s;
	}
	.Projekte-Listing a:focus img,
	.Projekte-Listing a:hover img,
	.Projekte-Listing a:active img {
		opacity: 1;
		transition-duration: 0s;
	}
}
@media only screen and (min-width: 60.0625em) { /* 960 */
	/* Kopf */
	.Head {
		height: 156px;
	}
	.Head-Border {
		top: 102px;
	}
	.Logo {
		width: 248px;
	}
	.Logo a {
		width: 215px;
	}
	.NaviContainer {
		border-top: 106px solid #fff;
	}
	.Navi-Main {
		padding-left: 15px;
	}
	.Navi-Extra {
		top: -70px;
	}
	.Navi li ul {
		width: 270px;
	}

	.Person.Department .Listing .Image {
		width: 100px;
	}

	.Info-Blurb {
		padding-bottom: 0;
	}

	.Main .News {
		margin: 0 30px;
	}
	.PUB .News .Label {
		margin-bottom: 10px;
	}

	/* Portfolio */
	.Portfolio ul {
		display: table;
		width: 100%;
	}
	.Portfolio li {
		display: table-cell;
	}

	.Project .Additional-Info .Project-Logo img {
		width: 100%;
	}

	.Projekte-Listing-Minimal {
		width: 75%;
	}
}
@media only screen and (min-width: 66em) { /* 960 */
	/* Hausboot-Werbung */
	.Hausboot-Box {
		margin-left: 678px;
	}

	.Blog .Article .Article-Persons ul li:nth-child(odd) {
		clear: left;
		float: left;
	}
	.Blog .Article .Article-Persons ul li:nth-child(even):after {
		content: ' ';
		clear: left;
		display: block;
	}
	.Blog .Article .Article-Persons ul li:nth-child(odd) + li:nth-child(even) {
		margin-left: 52%;
	}
	.Blog .Article .Article-Persons ul li:nth-child(even),
	.Blog .Article .Article-Persons ul li:last-child {
		float: none;
	}

	.Blog .Article .Article-Persons .Image {
		width: 120px;
	}
	.Blog .Article .Article-Persons ul li .Desc {
		vertical-align: top;
	}
}
@media only screen and (min-width: 74em) { /* 1184 */
	.Head {
		height: 164px;
	}
	.Head-Border {
		top: 110px;
	}
	.NaviContainer {
		border-top: 114px solid #fff;
	}
	.Navi li a[href="/de/topic/9.betreutes-wohnen.html"] + ul {
		width: 207px;
	}
	.Navi li a[href="/de/topic/7.ambulante-angebote.html"] + ul {
		width: 230px;
	}

	.About-Us .Image {
		width: 530px !important;
	}
	.About-Us .Image img {
		height: 275px !important;
	}
	.About-Us .Desc {
		margin-left: 530px !important;
	}
	.Portfolio li a {
		font-size: 18px;
	}

	.Footer .Logos img {
		height: 65px;
	}
}