@charset "UTF-8";
/* CSS Document */

@import url(/css/media-min.css);
@import url(https://cdn.warenform.de/fonts/font-awesome-4.7.0/css/font-awesome.min.css);
@import url(https://cdn.warenform.de/fonts/fontawesome-free-6.5.1-web/css/all.min.css);

/* rubik-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  src: url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-300italic.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://cdn.warenform.de/fonts/rubik/latin/rubik-v28-latin-500italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
:root {
	--fontsize-base: 1rem;
	--fontsize-h1: 1.75rem;
	--fontsize-h2: 1.375rem;
	--fontsize-h3: 1.25rem;
	--fontsize-h4: var(--fontsize-base);
	--fontsize-label: 1.25rem;

	--blau: rgba(3,78,162,1);
	--gruen: rgba(128,195,66,1);
	--hellgruen: rgba(128,195,66,0.14);
	--gelb: rgba(254,225,59,1);

	--font-fontawesome: 'FontAwesome';
}
@media (min-width:1024px) { /* lg */
	:root {
		--fontsize-base: 1.125rem;
		--fontsize-h1: 2.25rem;
		--fontsize-h2: 1.75rem;
		--fontsize-h3: 1.5rem;
		--fontsize-h4: var(--fontsize-base);
		--fontsize-label: 1.5rem;
	}
}
@media (min-width:1280px) { /* xl */
	:root {
		/* --fontsize-base: 1.375rem; */
		--fontsize-h1: 3rem;
		--fontsize-h2: 2.25rem;
		--fontsize-h3: 1.75rem;
		--fontsize-h4: var(--fontsize-base);
	}
}
@media (min-width:1536px) { /* xxl */
	/* */
}

/* Farben:
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)

grau #DADADB

hellgrau #ececed
*/

.PUB body {
	font-size: 16px;
}
body,
.cke_editable {
	font-family: 'Rubik', "Helvetica Neue", Arial, sans-serif;
	line-height: 160%;
	font-weight: 300;
}

.font-bold {
	font-weight: 500;
}

button.Readspeaker-Button {
	background: rgba(128,195,66,1);
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	margin: 1rem 0;
	padding: 0.4rem 0.8rem;
}

/* Grundformate */
sub, sup,
.cke_editable sub, .cke_editable sup {
	font-size: 0.8em !important;
}
sub,
.cke_editable sub {
	vertical-align:bottom;
}
sup,
.cke_editable sup {
	vertical-align:top;
}
strong,
b,
.cke_editable strong,
.cke_editable b {
	font-weight: 500;
}
em,
i,
.cke_editable em,
.cke_editable i {
	font-style: italic;
}
strong i,
b i,
i strong,
i b,
strong em,
b em,
em strong,
em b,
.cke_editable strong i,
.cke_editable b i,
.cke_editable i strong,
.cke_editable i b,
.cke_editable strong em,
.cke_editable b em,
.cke_editable em strong,
.cke_editable em b {
	font-weight: 500;
	font-style: italic;
}

.slick-prev::before,
.slick-next::before {
	color: #000 !important;
}
.slick-prev::before {
	content: '\f053' !important;
}
.slick-next::before {
	content: '\f054' !important;
}
.slick-prev::before, .slick-next::before {
	font-family: 'FontAwesome' !important;
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Test-Startseite */
.Topic-91 .Readspeaker-Button {
	display: none;
}

/* Absatz */
.Main .Content p,
.cke_editable p {
	margin-bottom: 1rem;
}
.Main .Content h3,
.cke_editable h3,
.h3 {
	font-size: var(--fontsize-h3);
	font-weight: 700;
	margin-bottom: 1rem;
}
.Main .Content h4,
.cke_editable h4,
.h4 {
	font-size: var(--fontsize-h4);
	font-weight: 700;
	margin-bottom: 1rem;
}
main,
.cke_editable,
.text-base {
	font-size: var(--fontsize-base);
	line-height: 1.5;
}

.Label {
	font-size: var(--fontsize-label);
}

/* Blockquote */
.Content blockquote,
.cke_editable blockquote {
	font-style: italic;
	margin: 0 1rem 0 2rem;
}

/* Listen */
.Main .Content ul,
.Main .Content ol,
.cke_editable ul,
.cke_editable ol {
	clear: left;
	list-style: disc;
	margin: 1.25rem .75rem;
}
.Main .Content ul li,
.Main .Content ol li,
.cke_editable ul li,
.cke_editable ol li {
	list-style: disc;
	margin-bottom: .75rem;
	margin-left: .75rem;
}
.Main .Content ol,
.Main .Content ol li,
.cke_editable ol,
.cke_editable ol li {
	list-style: decimal;
}

/* Clearfix */
.Clear {
	clear: both;
}

.Article h1,
.cke_editable h1,
.h1 {
	font-size: var(--fontsize-h1);
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1rem;
}
.Article h2,
.cke_editable h2,
.h2 {
	font-size: var(--fontsize-h2);
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1rem;
}

.bg-grau,
.hover\:bg-grau:hover {
	background-color: #DADADB;
}
.bg-hellgrau,
.hover\:bg-hellgrau:hover {
	background-color: #ececed;
}
.bg-blau,
.hover\:bg-blau:hover {
	background-color: var(--blau);
}
.bg-gruen,
.hover\:bg-gruen:hover {
	background-color: var(--gruen);
}
.bg-hellgruen,
.hover\:bg-hellgruen:hover {
	background-color: var(--hellgruen);
}
.bg-gelb,
.hover\:bg-gelb:hover {
	background-color: var(--gelb);
}

.border-blau,
.hover\:border-blau:hover {
	border-color: var(--blau);
}
.border-gruen,
.hover\:border-gruen:hover {
	border-color: var(--gruen);
}

.text-dunkelgrau,
.hover\:text-dunkelgrau:hover {
	color: #777;
}
.text-blau,
.hover\:text-blau:hover {
	color: var(--blau);
}
.text-gruen,
.hover\:text-gruen:hover {
	color: var(--gruen);
}
.text-gelb,
.hover\:text-gelb:hover {
	color: var(--gelb);
}

/* Media-Groessen */
.MediaBox {
	clear: both;
	padding-top: 5px;
	width: auto;
}
.MediaBox.Left:after,
.MediaBox.Right:after {
	width: 310px !important;
	min-width: 310px !important;
	max-width: 310px !important;
}
.MediaBox ul,
.MediaBox ul li,
.MediaBox ul li a {
	display: inline !important;
	margin: 0 !important;
}
.MediaBox ul li {
	margin: 0 0.625rem 0 0 !important;
}
.MediaBox ul li.Photographer:before {
	content: 'Foto: ';
}
.MediaBox ul li.License:before {
	content: 'Lizenz: ';
}
.MediaBox ul li:last-child {
	margin: 0 !important;
}
.MediaBox img {
	width: 100%;
}
.MediaBox.Left,
.MediaBox.Right {
	float: left;
	margin-right: 1rem;
	width: 310px !important;
}
.MediaBox.Right {
	float: right;
	margin-left: 1rem;
	margin-right: 0;
}
.MediaBox .Title,
.MediaBox .Copyright {
	color: #666;
	/* font-family: 'Rubik', "Helvetica Neue", Arial, sans-serif; */
	font-weight: 300;
	line-height: 1.6;
	margin: 0.5rem auto;
}
.MediaBox.Left .Title,
.MediaBox.Right .Title,
.MediaBox.Left .Copyright,
.MediaBox.Right .Copyright {
	width: 310px !important;
	min-width: 310px !important;
	max-width: 310px !important;
}

.MediaBox .Title {
	font-size: var(--fontsize-small);
	font-style: italic;
}
.MediaBox .Copyright,
.MediaBox .Copyright * {
	font-size: var(--fontsize-mini);
	font-weight: 100 !important;
}

.MediaBox.oembed .mediaParent {
	background-color:rgba(255,255,255,0.8);
	display: block;
	padding-bottom: 4px;
	position: relative;
	width: auto;
	z-index: 0;
}

.MediaBox.oembed.twitter.retweet {
	margin-top: 1rem;
	padding-top: 1rem;
	position: relative;
}
.MediaBox.oembed.twitter.retweet:before {
	content: '\f079';
	display: inline-block;
	font-family: 'FontAwesome';
	left: 1rem;
	position: absolute;
	top: -0.5rem;
}
.MediaBox.oembed.twitter.retweet:after {
	content: 'Retweet';
	display: inline-block;
	left: 2.75rem;
	position: absolute;
	top: -0.5rem;
}
.MediaBox.oembed.twitter .retweetLink {
	display: none;
}
.MediaBox.oembed.twitter.retweet .retweetLink {
	display: block;
	height: 1rem;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.MediaBox.Video {
	width: 100%;
}
.MediaBox.europarl .embedHelper, .MediaBox.vimeo .embedHelper, .MediaBox.youtube .embedHelper {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.MediaBox.europarl .embedHelper iframe, .MediaBox.europarl .embedHelper object, .MediaBox.europarl .embedHelper embed, .MediaBox.vimeo .embedHelper iframe, .MediaBox.vimeo .embedHelper object, .MediaBox.vimeo .embedHelper embed, .MediaBox.youtube .embedHelper iframe, .MediaBox.youtube .embedHelper object, .MediaBox.youtube .embedHelper embed {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.MediaBox.europarl.europarl .embedHelper, .MediaBox.vimeo.europarl .embedHelper, .MediaBox.youtube.europarl .embedHelper {
	padding-bottom: 63%;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body {
	height: 1200px;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body .media-placeholder-title,
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body h1,
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body p {
    margin-left: 75px;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body .media-placeholder-title,
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body h1 {
    margin-bottom: 20px;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body p {
    margin-bottom: 50px;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
    background-image: none !important;
	content: '\f059';
	font-family: 'FontAwesome';
	font-size: 60px;
	right: auto;
	top: 3rem;
}
.MediaBox.youtube .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	content: '\f167';
}
.MediaBox.vimeo .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	content: '\f194';
}
.MediaBox.facebook .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	content: '\f230';
}
.MediaBox.twitter .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	content: '\f099';
}
.MediaBox.oembed.youtube .mediaParent,
.MediaBox.oembed.vimeo .mediaParent {
	padding-top: 0 !important;
}
 /* Responsive Youtube-Loesung */
.MediaBox.oembed.youtube .mediaParent:before,
.MediaBox.oembed.vimeo .mediaParent:before {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.MediaBox.oembed.youtube .mediaParent .media-placeholder-body,
.MediaBox.oembed.vimeo .mediaParent .media-placeholder-body {
	background-color:rgba(0,0,0,0.5);
	color: #fff;
}

.Specials a .Date {
	color: rgba(68,68,75,0.5);
	display: block;
	font-size: 12px;
	font-weight: 300;
}

.PUB .Topic-1 .Specials {
	display: block;
}

/* Error 404 */
.Error404 {
	text-align: center;
}
.Error404 h1 {
	font-size: 60px;
	margin-top: 30px;
}
.Error404 h2 {
	margin-bottom: 30px;
}
.Error404 p {
	font-size: 20px;
	line-height: 140%;
	margin: 30px 0;
}
.Error404 p.Error-Info {
	font-size: 16px;
	line-height: 140%;
	margin: 0 0 20px 0;
}

/* Downloads */
.Documents li {
	margin-bottom: 20px;
}
.Documents li * {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.Documents li a {
	background: none !important;
	padding-left: 0 !important;
}
.Documents li .Author {
	color: rgba(68,68,75,0.3);
	margin-left: 25px;
}
.Documents li a span.Title:before {
	color: rgba(68,68,75,1);
	content: '\f019';
	font-family: "FontAwesome";
	margin-right: 10px;
}
.Documents .pdf a span.Title:before {
	content: '\f1c1';
}
.Documents .msword a span.Title:before {
	content: '\f1c2';
}
.Documents .image a span.Title:before {
	content: '\f1c5';
}
.Documents .audio a span.Title:before {
	content: '\f1c7';
}
.PUB .Main .Documents li.Preview-Image {
    display: table;
}
.PUB .Main .Documents li.Preview-Image .Image {
    display: table-cell;
}
.PUB .Main .Documents li.Preview-Image .Image img {
	background: url(/kontext/images/icons/spinner.gif) center no-repeat;
	border: 1px solid #eee;
	height: auto;
	width: 50px;
}
.PUB .Main .Documents li.Preview-Image a .Title {
    display: table-cell;
	padding-left: 20px !important;
	vertical-align: middle;
}
.PUB .Main .Documents li.Preview-Image .Author {
	font-size: 10px;
	margin: 0;
	padding-left: 5px !important;
	text-align: left;
}

/* Spendenlinks */
a[href^="https://www.kd-onlinespende.de/"] {
	background: rgba(128,195,66,1);
	color: #fff;
	display: block;
	/* font-family: 'Rubik', "Helvetica Neue", 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;
}

/* Akkordion */
.Main *.ui-accordion .ui-accordion-header {
	background: rgba(68,68,75,0.2) !important;
	border-color: transparent !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	margin: 20px 0 0 0 !important;
}
.ui-accordion-header,
.ui-corner-all,
.ui-widget-content,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border-color: rgba(68,68,75,0.2) !important;
	border-radius: 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none !important;
	font-weight: normal !important;
	color: #000 !important;
}
.Main .ui-widget {
	/* font-family: 'Rubik', "Helvetica Neue", Arial, sans-serif; */
	font-size: 16px;
}

/* Organigramm */
body.DVS-Organigramm .Content ul,
body.DVS-Organigramm .Content ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
body.DVS-Organigramm .Content ul li a {
	background: rgba(3,78,162,1);
	border: 1px solid rgba(3,78,162,1);
	border-radius: 8px;
	color: #fff;
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 10px;
	text-decoration: none;
}
body.DVS-Organigramm .Content ul li a[href="https://www.kilele-berlin.de/de/topic/14.organigramm.html"] {
	border: 1px dashed rgba(3,78,162,1);
}
body.DVS-Organigramm .Content ul li a:focus,
body.DVS-Organigramm .Content ul li a:hover,
body.DVS-Organigramm .Content ul li a:active {
	background: rgba(3,78,162,0.75);
	border-color: rgba(3,78,162,0.75);
}
body.DVS-Organigramm .Content ul li a em {
	display: block;
	font-style: normal;
}
body.DVS-Organigramm .Content ul:nth-child(2) li a {
	background: #fff;
	color: rgba(3,78,162,1);
	display: block;
	font-size: 13px;
	font-weight: 300;
	line-height: 140%;
	padding: 10px 8px;
}
body.DVS-Organigramm .Content ul:nth-child(2) li a:focus,
body.DVS-Organigramm .Content ul:nth-child(2) li a:hover,
body.DVS-Organigramm .Content ul:nth-child(2) li a:active {
	background: rgba(3,78,162,0.75);
	border-color: rgba(3,78,162,0.75);
	color: #fff;
}

body.DVS-Organigramm .Article .Documents {
	display: none;
}

@media only screen and (min-width: 45.0625em) { /* 960 */
}

@media only screen and (max-width: 768px) {
	body.DVS-Organigramm .Content ul li a {
		font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 16px;
	}
	body.DVS-Organigramm .Content h3,
	body.DVS-Organigramm .Content h4 {
		font-size: 24px;
	}
	body.DVS-Organigramm .Content h3 {
		margin-bottom: 20px;
	}
	body.DVS-Organigramm .Content h4 {
		border-top: 1px solid #000;
		margin: 40px 0 20px 0;
		padding-top: 20px;
	}
	body.DVS-Organigramm .Content ul li a em {
		font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 14px;
	}
	body.DVS-Organigramm .Content ul:nth-child(2) li a {
		font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
		margin: 10px 30px;
	}


	.Nav {
		min-height: 3rem;
	}
	.Navi {
		border: 0;
		max-height: 0;
		margin-top: 3rem;
		overflow: hidden;
		padding: 0;
		transition: all 0.6s;
	}

	/* Mobile-Navi */
	nav {
		width: 100%;
		z-index: 100000000;
	}
	nav input[id*="NaviCheckbox"] {
		display: none;
	}
	nav input[id*="NaviCheckbox"] + label {
		background: var(--weiss);
		cursor: pointer;
		display: block;
		text-align: center;
		text-indent: 0;
		user-select: none;
		width: 100%;
	}
	nav input[id*="NaviCheckbox"] + label:after {
		color: #000;
		content: '\f0c9';
		font-family: var(--font-fontawesome);
		font-size: 2rem;
		line-height: 0;
		position: absolute;
		right: 1.5rem;
		top: 1.5rem;
	}
	nav input[id*="NaviCheckbox"]:checked + label:before {
		color: rgba(36,50,76,0.25);
	}
	nav input[id*="NaviCheckbox"]:checked + label:after {
		background: none;
		content: '\f00d';
		font-family: var(--font-fontawesome);
	}
	nav input[id*="NaviCheckbox"]:checked ~ .Navi {
		max-height: 9999px;
	}
	.Navi ul {
		backface-visibility: hidden;
		display: block;
	}
	.Navi li a {
		border-top: 1px solid var(--weiss);
		color: var(--weiss);
		display: block;
		padding: 1rem;
	}
	.Navi-Main ul li {
		display: block;
		margin: 0;
		width: 100%;
	}
	.Navi-Main li li,
	.Metanavi li li,
	.meta-navbar-toggler {
		display: none;
	}
	.Navi-Main li.Active li {
		display: block;
	}
	.Navi-Main li li a:before {
		content: '\f054';
		font-family: var(--font-fontawesome);
		font-size: .5rem;
		margin-left: -1rem;
		position: absolute;
	}
	.Navi-Main li li a {
		color: rgba(255,255,255,.75);
		font-size: .875rem;
		padding-left: 3rem;
	}
}

@media only screen and (max-width: 50em) { /*  */
}
@media only screen and (max-width: 45em) {
}
@media only screen and (max-width: 37em) {
	/* */
}
@media only screen and (max-width: 28.13em) {
}

@media only screen and (min-width: 50.001em) { /*  */
}
@media only screen and (min-width: 768px) { /* 960 */
	/* Navi */
	.Navigation input[id*="NaviCheckbox"] {
		display: none;
	}
	.Navigation input[id*="NaviCheckbox"] + label {
		display: none;
	}

	/* Hauptnavi */
	.Level_0 {
		align-items: center;
		gap: 2rem;
		height: 3.375rem;
	}
	.Navi-Main li ul {
		display: none;
		padding-top: 1rem;
		position: absolute;
		text-transform: none;
		width: 261px;
		z-index: 100000;
	}
	.Navi-Main ul li ul li {
		margin: 0;
	}
	.Navi ul li:hover ul {
		display: block;
		z-index: 100001;
	}

	.Navi-Main li ul li {
		border-top: 1px solid var(--weiss);
		display: block;
		margin-right: 0;
	}
	.Navi-Main li ul li:first-child {
		border-top: 0;
		margin-top: -1px;
	}

	/* Navi */
	.Navi .Nav ul li {
		float: left;
		font-size: 14px;
		line-height: 100%;
		margin-right: 20px;
		text-transform: uppercase;
	}
	.Navi .Nav ul li a:focus,
	.Navi .Nav ul li a:hover,
	.Navi .Nav ul li a:active {
		text-decoration: underline;
	}
	.Navi .Nav ul li:last-child {
		margin-right: 0;
	}
}
@media only screen and (min-width: 74em) { /* 1184 */
	body.DVS-Organigramm .Content ul:nth-child(2) li a em {
		font-size: 12px;
	}
	body.DVS-Organigramm .Content ul:nth-child(2) li:nth-child(5) a em {
		margin-top: 17px;
	}
	body.DVS-Organigramm .Content ul:nth-child(2) li:nth-child(8) a em {
		margin-top: 50px;
	}
	body.DVS-Organigramm .Content ul:nth-child(2) li:first-child a em {
		margin-top: 10px;
	}
	body.DVS-Organigramm .Content ul:nth-child(2) li:nth-child(6) a em {
		margin-top: 110px;
	}
	body.DVS-Organigramm .Content ul:nth-child(2) li:nth-child(7) a em {
		margin-top: 71px;
	}
	body.DVS-Organigramm .Content ul:nth-child(2) li:nth-child(8) a em {
		margin-top: 17px;
	}
	body.DVS-Organigramm .Content ul:nth-child(2) li:nth-child(9) a em {
		margin-top: 36px;
	}
}


body.DVS-Organigramm.DVS-Organigramm2 .Content ul li strong {
	background: rgba(3,78,162,1);
	border: 1px solid rgba(3,78,162,1);
	border-radius: 8px;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}
body.DVS-Organigramm.DVS-Organigramm2 .Content h3 {
	background-position: center 20px;
	width: 1100px;
}
body.DVS-Organigramm.DVS-Organigramm2 .Content ul li:nth-child(4) ul {
	margin-left: 40px;
}
@media only screen and (min-width: 768px) { /* 960 */
	body.DVS-Organigramm.DVS-Organigramm2 .Content {
		background-position: 60px 275px;
		height: 800px;
	}
	body.DVS-Organigramm.DVS-Organigramm2 .Content h3 + ul {
		margin-top: 50px;
	}
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(1) a,
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(5) a {
		margin-left: 250px;
	}
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(2) a,
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(6) a {
		margin-left: 415px;
	}
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(3) a,
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(7) a {
		margin-left: 580px;
	}
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(4) a,
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(8) a {
		margin-left: 745px;
	}
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul li ul li:nth-child(n+5) a {
		height: 120px;
	}
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(6) a em {
		margin-top: 49px;
	}
	body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(7) a em {
		margin-top: 13px;
	}
	@media only screen and (max-width: 73.99em) { /* 1184 */
		body.DVS-Organigramm.DVS-Organigramm2 .Content h3 + ul {
			margin-top: 90px;
		}
		body.DVS-Organigramm.DVS-Organigramm2 .Content {
			background-position: 20px 285px;
			padding-left: 20px;
		}
		body.DVS-Organigramm.DVS-Organigramm2 .Content h3 {
			width: 910px;
		}
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul li a {
			width: 170px;
		}
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul li:nth-child(3) ul {
			margin-bottom: -10px;
			margin-top: 20px;
		}
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(1) a,
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(5) a {
			margin-left: 210px;
		}
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(2) a,
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(6) a {
			margin-left: 375px;
		}
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(3) a,
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(7) a {
			margin-left: 540px;
		}
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(4) a,
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(8) a {
			margin-left: 705px;
		}
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(4) a em {
			margin-top: 66px;
		}
		body.DVS-Organigramm.DVS-Organigramm2 .Content ul:nth-child(2) li:nth-child(6) a em {
			margin-top: 30px;
		}
	}
}
@media only screen and (min-width: 45.0625em) { /* 960 */
	.Article + .Listing {
		margin-top: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.Main {
		padding-bottom: 60px;
	}
}

@media only screen and (max-width: 50em) { /*  */
	/*  */
}
@media only screen and (max-width: 45em) {
	/*  */
}
@media only screen and (max-width: 37em) {
	/* */
}
@media only screen and (max-width: 28.13em) {
	/* */
}

@media only screen and (min-width: 50.001em) { /*  */
	/* Error 404 */
	.Error404 h1 {
		font-size: 144px;
		margin-top: 50px;
	}
	.Error404 h2 {
		margin-bottom: 100px;
	}
	.Error404 p {
		font-size: 36px;
		line-height: 140%;
		margin: 50px 0;
	}
}
@media only screen and (min-width: 768px) { /* 960 */
	/* Links (Netzwerk) */
	body.Netzwerk .Content ul li {
		border-bottom: 1px solid #ccc;
		display: table;
		margin: 0;
		width: 100%;
	}
	body.Netzwerk .Content ul li a {
		background-position: 360px center;
		background-repeat: no-repeat;
		display: table-cell;
		height: 80px;
		padding-right: 290px;
		vertical-align: middle;
	}
	body.Netzwerk .Content ul li a[href="http://www.afet-ev.de/"] {
		background-image: url(../images/Logo_AFET.png);
		background-size: 142px 50px;
	}
	body.Netzwerk .Content ul li a[href="http://www.bmfsfj.de/"] {
		/* */
	}
	body.Netzwerk .Content ul li a[href="http://www.bagljae.de/"] {
		background-image: url(../images/Logo_BAGLJA.png);
		background-size: 229px 50px;
	}
	body.Netzwerk .Content ul li a[href="http://www.diakonie-portal.de/"] {
		background-image: url(../images/Logo_DWBO.png);
		background-size: 177px 50px;
	}
	body.Netzwerk .Content ul li a[href="http://www.diakonie-rwl.de/"] {
		background-image: url(../images/Logo_Diak_RWL.png);
		background-size: 67px 50px;
	}
	body.Netzwerk .Content ul li a[href="http://www.diakonie.de/"] {
		background-image: url(../images/Logo_DKW.png);
		background-size: 143px 50px;
	}
	body.Netzwerk .Content ul li a[href="http://www.erev.de/"] {
		background-image: url(../images/Logo_EREV.png);
		background-size: 172px 50px;
	}
	body.Netzwerk .Content ul li a[href="http://www.igfh.de/"] {
		background-image: url(../images/Logo_IGFH.png);
		background-size: 98px 100px;
		height: 130px;
	}
	body.Netzwerk .Content ul li a[href="http://www.v3d.de/"] {
		background-image: url(../images/Logo_VdDD.png);
		background-size: 210px 50px;
	}

	/* Specials */
	.Specials .Box.Aktuelles {
		background: rgba(3,78,162,0.1);
	}
	.Specials .Box.Stellenangebote {
		background: none;
		padding: 0;
	}
	.Specials .Box.Stellenangebote .More {
		margin-top: 30px;
	}
	.Specials .Box.Stellenangebote .More a {
		background: rgba(128,195,66,1);
		color: #fff;
		display: block;
		padding: 10px;
		text-align: center;
	}
	.Specials .Box.Stellenangebote .More a:focus,
	.Specials .Box.Stellenangebote .More a:hover,
	.Specials .Box.Stellenangebote .More a:active {
		background: rgba(3,78,162,1);
		text-decoration: none;
	}
	.Specials .Box.Stellenangebote .More:before {
		content: '';
	}
}
@media only screen and (min-width: 768px) and (max-width: 73.99em) { /* 1184 */
	/* Standort */
	.Topic-1 .Main {
		float: none;
	}
	.Navi li a[href="/de/topic/8.arbeiten-im-diakonieverbund.html"] + ul {
		width: 275px;
	}
	.Navi li a[href="/de/topic/8.arbeiten-im-diakonieverbund.html"] + ul li ul,
	.Navi li:hover a[href="/de/topic/8.arbeiten-im-diakonieverbund.html"] + ul li ul {
		margin-left: 275px;
	}
	.Navi li a[href="/de/topic/6.ueber-uns.html"] + ul {
		width: 241px;
	}
	.Navi li a[href="/de/topic/6.ueber-uns.html"] + ul li ul,
	.Navi li:hover a[href="/de/topic/6.ueber-uns.html"] + ul li ul {
		margin-left: 241px;
	}
}
@media only screen and (min-width: 74em) { /* 1184 */
	.Head {
		height: 13.5rem;
	}
	.Head-Border {
		top: 156px;
	}
	.Logo a {
		width: 256px;
	}
	.NaviContainer {
		border-top: 160px solid #fff;
	}
	.Navi li a[href="/de/topic/8.arbeiten-im-diakonieverbund.html"] + ul {
		width: 299px;
	}

	/* Error 404 */
	.Error404 .Bunch-Of-Letters:before {
		font-size: 144px;
	}

	body.Netzwerk .Content ul li a {
		background-position: 500px center;
		background-repeat: no-repeat;
	}
}

@charset "UTF-8";
/* CSS Document */

/* Farben:
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)

*/

.Zeitstrahl .Listing {
	background: url(//cdn.warenform.de/dvs/images/bg-zeitstrahl-body.png) center 0 repeat-y;
	padding: 0 0 40px 0;
}
.Zeitstrahl .Listing h1,
.Zeitstrahl .Timeline-Top {
	background: url(//cdn.warenform.de/dvs/images/bg-zeitstrahl-top.png) center bottom no-repeat #fff;
	height: 80px;
}
.Zeitstrahl .Listing h1 {
	height: 130px;
}
.Zeitstrahl .Listing h1 + .Timeline-Top {
	display: none;
}
.Zeitstrahl .Listing ul li * {
	color: #fff;
}
.Zeitstrahl .Listing ul li,
.Zeitstrahl .Listing ul li p {
	box-sizing: border-box;
}
.Zeitstrahl .Listing ul li {
	border: 0;
	padding: 0;
}
.Zeitstrahl .Listing ul li time {
	display: block;
}
.Zeitstrahl .Listing ul li p a {
	display: block;
	text-decoration: none;
}
.Zeitstrahl .Listing ul li p a i {
	font-size: 14px;
	font-style: normal;
	opacity: 0.75;
	text-decoration: underline;
	vertical-align: 4%;
}
.Zeitstrahl .Listing ul li p a:focus i,
.Zeitstrahl .Listing ul li p a:hover i,
.Zeitstrahl .Listing ul li p a:active i {
	opacity: 1;
}
.Zeitstrahl .Listing ul li p strong {
	border-bottom: 1px solid #fff;
	display: block;
	font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 17px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

@media only screen and (max-width: 43em) {
	.Zeitstrahl .Listing ul li {
		background: rgba(128,195,66,1);
		margin: 20px auto;
		padding: 20px;
		width: 50%;
	}
	.Zeitstrahl .Listing ul li time {
		border-bottom: 1px solid #fff;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
}
@media only screen and (max-width: 45em) {
}

@media only screen and (max-width: 37em) {
	.Zeitstrahl .Listing ul li {
		width: 75%;
	}
}

@media only screen and (max-width: 28.13em) {
}
@media only screen and (max-width: 25em) {
	.Zeitstrahl .Listing ul li {
		width: 98%;
	}
}

@media only screen and (min-width: 43.0625em) {
	.Zeitstrahl .Listing ul {
		margin: 0 auto;
		width: 658px;
	}
	.Zeitstrahl .Listing ul li {
		margin: 0;
		width: 310px;
	}
	.Zeitstrahl .Listing ul li:nth-child(n+2) {
		margin-top: -10px;
	}
	.Zeitstrahl .Listing ul li time {
		color: rgba(3,78,162,1);
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-size: 17px;
		position: absolute;
	}
	.Zeitstrahl .Listing ul li p {
		background: rgba(128,195,66,1);
		box-sizing: border-box;
		min-height: 110px;
		margin: 0;
		padding: 20px;
	}
	.Zeitstrahl .Listing ul li:nth-child(even):before,
	.Zeitstrahl .Listing ul li:nth-child(odd):before {
		color: rgba(3,78,162,1);
		content: '\f111';
		display: block;
		font-family: "FontAwesome";
		position: absolute;
		margin-top: 37px;
	}
	.Zeitstrahl .Listing ul li:nth-child(even) {
		background: url(//cdn.warenform.de/dvs/images/bg-zeitstrahl-item-even.png) left 50px no-repeat #fff;
		margin-left: 356px;
	}
	.Zeitstrahl .Listing ul li:nth-child(even):before {
		margin-left: -32px;
	}
	.Zeitstrahl .Listing ul li:nth-child(even) p {
		margin-left: 50px;
	}
	.Zeitstrahl .Listing ul li:nth-child(even) time {
		margin-left: -65px;
	}
	.Zeitstrahl .Listing ul li:nth-child(odd) {
		background: url(//cdn.warenform.de/dvs/images/bg-zeitstrahl-item-odd.png) right 50px no-repeat #fff;
	}
	.Zeitstrahl .Listing ul li:nth-child(odd):before {
		margin-left: 323px;
	}
	.Zeitstrahl .Listing ul li:nth-child(odd) p {
		margin-right: 50px;
	}
	.Zeitstrahl .Listing ul li:nth-child(odd) time {
		margin-left: 250px;
	}
}
@media only screen and (min-width: 1024px) {
	.Zeitstrahl .Listing {
		width: 665px;
	}

	.Zeitstrahl .Listing h1 {
		height: auto;
	}
	.Zeitstrahl .Listing ul {
		width: 100%;
	}
}
@media only screen and (min-width: 1280px) {
	.Zeitstrahl .Listing {
		width: 815px;
	}
	.Zeitstrahl .Listing ul li {
		width: 380px;
	}
	.Zeitstrahl .Listing ul li:nth-child(even) {
		margin-left: 430px;
	}
	.Zeitstrahl .Listing ul li:nth-child(odd):before {
		margin-left: 398px;
	}
	.Zeitstrahl .Listing ul li:nth-child(odd) time {
		margin-left: 320px;
	}
}

/* Admin */
.no-mq .Article,
.no-mq .Wrapper {
	margin: 0 !important;
	padding: 0 !important;
}
.no-mq .Fixed {
	position: inherit !important;
}
.no-mq .Breadcrumbs {
	display: none;
}