@font-face{
	font-family: 'Montserrat';
	src: url('/webfonts/Montserrat-Italic.woff2') format('woff2'), url('/webfonts/Montserrat-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face{
	font-family: 'Montserrat';
	src: url('/webfonts/Montserrat-ExtraLight.woff2') format('woff2'), url('/webfonts/Montserrat-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: 'Montserrat';
	src: url('/webfonts/Montserrat-Light.woff2') format('woff2'), url('/webfonts/Montserrat-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: 'Montserrat';
	src: url('/webfonts/Montserrat-LightItalic.woff2') format('woff2'), url('/webfonts/Montserrat-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face{
	font-family: 'Montserrat';
	src: url('/webfonts/Montserrat-Medium.woff2') format('woff2'), url('/webfonts/Montserrat-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: 'Montserrat';
	src: url('/webfonts/Montserrat-Regular.woff2') format('woff2'), url('/webfonts/Montserrat-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: 'Montserrat';
	src: url('/webfonts/Montserrat-SemiBold.woff2') format('woff2'), url('/webfonts/Montserrat-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: 'Montserrat';
	src: url('/webfonts/Montserrat-Bold.woff2') format('woff2'), url('/webfonts/Montserrat-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
*{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
}
body{
	color: #303030;
	font-size: 16px;
	font-family: 'Montserrat', "Arial", sans-serif;
	font-weight: normal;
	line-height: 1.6;
	word-break: break-word;
	background-color: white;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
}
	a{
		color: #303030;
		text-decoration: none;
		transition: color .4s linear 0s;
	}
		a:hover{
			color: #b2c52e;
		}
	b, strong{
		font-weight: 500;
	}
	svg path,
	svg circle{
		transition: fill .4s linear 0s;
	}
	.clear{
		clear: both;
	}
	.center{
		text-align: center;
	}
	div.outer{
		margin: 0 auto;
	}

	div#header{
		position: fixed;
		z-index: 1000;
		background-color: white;
	}

		div#logo a{
			position: absolute;
			z-index: 1100;
			text-indent: -99999px;
			background: url(/images/logo_BMM.svg) no-repeat center center / 100%;
		}
			div#logo.home a{
				background: url(/images/logo_dkh.svg) no-repeat center center / 100%;
			}

		ul#menu{
			position: absolute;
			bottom: 0;
		}
			ul#menu li{
				position: relative;
				margin-left: 34px;
				float: left;
				list-style: none;
			}
				ul#menu li a{
					display: block;
					font-size: 15px;
					line-height: 50px;
					letter-spacing: 1.85px;
					text-transform: uppercase;
				}
					ul#menu li a.n_selected{
						background: url(/images/bg_nav.png) no-repeat left bottom / 40px 4px;
					}

			ul#menu ul{
				display: none;
				position: absolute;
				z-index: 1000;
				top: 55px;
				left: -18px;
				background-color: white;
			}
			ul#sub_kinderrechte{
				width: 370px;
			}
			ul#sub_bildung{
				width: 460px;
			}
			ul#sub_forderung-an-die-politik{
				width: 230px;
			}
			ul#sub_medien{
				width: 182px;
			}
				ul#menu ul li{
					float: none;
					margin-left: 0 !important;
					padding-bottom: 0 !important;
				}
					ul#menu ul li a{
						line-height: 1.7;
					}
						div.subnav_sctive{
							float: left;
							width: 20px;
							height: 1.7em;
							margin-right: 20px;
							background: url(/images/bg_nav.png) no-repeat left center / 20px 4px;
						}

		div#bt_menu{
			display: none;
			position: absolute;
			z-index: 1100;
			width: 50px;
			height: 35px;
			cursor: pointer;
		}
			div#bt_menu svg{
				width: 50px;
				height: 35px;
			}
				div#bt_menu svg line{
					transition: transform .2s ease-in-out,opacity .3s linear,stroke .3s linear;
				}
				div#bt_menu:hover svg line#menu_line_1,
				div#bt_menu:hover svg line#menu_line_3{
					transform: translateX(10px);
				}
				div#bt_menu:hover svg line#menu_line_2{
					transform: translateX(-10px);
				}
				div#bt_menu.open{
					position: fixed;
				}
					div#bt_menu svg line.open,
					div#bt_menu.open svg line.close{
						opacity: 0;
					}
					div#bt_menu.open svg line.open{
						opacity: 1;
					}

		div#wrapper_menu_mob{
			position: fixed;
			z-index: 990;
			top: -400px;
			left: 0;
			width: 100%;
			background: white;
			transition: top .95s ease-in-out 0s;
		}
			ul#menu_mob{
				width: 300px;
				margin: 0 auto;
			}
				ul#menu_mob li{
						list-style: none;
				}
					ul#menu_mob li a{
						display: block;
						font-size: 15px;
						line-height: 30px;
						letter-spacing: 1.85px;
						text-transform: uppercase;
					}
						ul#menu_mob li a.n_selected{
							background: url(/images/bg_nav.png) no-repeat left bottom / 40px 4px;
						}
				ul#menu_mob ul{
					display: none;
				}
					ul#menu_mob ul li a{
						padding-left: 20px;
						font-size: 13px;
						line-height: 22px;
					}

/* FORM ELEMS */
					input, textarea, select{
						appearance: none;
						-moz-appearance: none;
						-webkit-appearance: none;
						}
					input[type="text"], input[type="password"], textarea, select,
					input[type="<div class="vspacer2"></div>"], input[type="submit"],
					a.button{
						font-family: 'Montserrat';
						font-size: .85em;
						font-weight: 500;
						line-height: 16px;
						}
					input[type="text"], input[type="password"], input[type=number], textarea, select{
						padding: 13px 23px 12px;
						color: #2d2d2d;
						line-height: 1;
						background-color: white;
						border: 1px solid #ced4da;
						border-radius: 18px;
						transition: border-color .3s linear, box-shadow .3s linear;
						}
						input[type="text"]:focus, input[type=number]:focus, textarea:focus, select:focus{
							background-color: #fff;
							border-color: #9bb1fa;
							box-shadow: 0 0 0 .25rem rgba(55,99,244,.25);
							}
					input[type="button"], input[type="submit"], a.button{
						padding: 15px 23px 14px;
						color: white;
						font-weight: 700;
						background-color: #b2c52e;
						border-radius: 28px;
						box-shadow: 0 .5rem 1rem rgba(55,99,244,.15);
						transition: color .3s linear 0s, background-color .3s linear 0s;
						}
					a.button{
						display: inline-block;
						transition: color .3s linear 0s, background-color .3s linear 0s, padding .3s cubic-bezier(.4,.66,.93,.99) 0s;
						}
						input[type="button"]:hover, input[type="submit"]:hover, a.button:hover{
							color: white;
							background-color: #303030;
							}
						a.button.small{
							padding: 7px 23px 6px;
							}
					select{
						padding: 13px 33px 12px 23px !important;
						background: white url(/images/icon_select.svg) no-repeat right center / auto 14px;
						}
					@-moz-document url-prefix(){
						input[type="text"], textarea, select{
							padding: 16px 23px 13px;
							}
						input[type="button"], input[type="submit"]{
							padding: 15px 23px 12px;
								}
					}

					input[type="checkbox"], input[type="radio"]{
						display:none;
						}
						input[type="checkbox"]+label::before, input[type="radio"]+label::before{
							display: inline-block;
							width: 20px;
							height: 20px;
							float: left;
							background-color: #c7d7e3;
							content: "";
							margin: 2px 10px 12px 0;
							border-radius: 20px;
							cursor: pointer;
							}
							input[type="checkbox"]:checked+label::before, input[type="radio"]:checked+label::before{
								box-shadow: inset 0px 0px 0px 5px #e3e7cd;
								background-color: #b2c52e;
								}
							label{
								display: inline-block;
							}
					input.input80{
						width: 80px !important;
						}
					input.input100{
						width: 100px !important;
						}
					::placeholder{
						color:#2d2d2d;
						opacity: .6;
						}
					:-ms-input-placeholder{
						color: #2d2d2d;
						opacity: .6;
						}
					::-ms-input-placeholder{
						color: #2d2d2d;
						opacity: .6;
						}


	div#wrapper_content{
		position: relative;
		padding-bottom: 100px;
	}
		div#content_top_bg{
			position: fixed;
			z-index: 1;
			width: 100%;
			height: 50px;
			background: linear-gradient(180deg, rgba(0,0,0,.032) 0%, white 50px);
		}
		div.hspacer_20{
			display: inline-block;
			width: 20px;
			height: 1px;
		}
		div#wrapper_content_inner{
			position: relative;
			z-index: 10;
		}
			div#wrapper_content a{
				border-bottom: 2px solid #b2c52e;
			}
			div#wrapper_content ul{
				margin: 0 0 1em 20px;
			}
			div#wrapper_content ol{
				margin: 0 0 1em 40px;
				list-style: decimal-leading-zero;
			}
			div#wrapper_content img{
				max-width: 100%;
			}
			div#wrapper_content img.full{
				width: 100%;
			}
			div#wrapper_content img.float_50{
				width: 50%;
				float: left;
			}
			div#wrapper_content img.logo{
				display: block;
			}
			div#wrapper_content p{
				margin-bottom: 1em;
			}
				div#wrapper_content p:last-of-type{
					margin-bottom: 0 !important;
				}

			h1{
				margin-bottom: 1rem;
				color: #b2c52e;
				font-weight: 300;
				line-height: 1;
				text-transform: uppercase;
			}
				h1.no_margB{
					margin-bottom: 0 !important;
				}
			h2, h3, h4, h5{
				color: #191919;
				font-weight: bold;
				line-height: 1.15;
			}

		div#wrapper_h1_pic{
			position: relative;
		}
			div#whitespace,
			div#wrapper_teaser{
				float: left;
			}
			div#whitespace_left{
				float: right;
			}
			div#whitespace_left,
			div#wrapper_teaser_left{
				float: right;
			}
			div#wrapper_teaser,
			div#wrapper_teaser_left{
				font-size: .75em;
				background-color: #eef3d3;
			}
			div#wrapper_pic,
			div#wrapper_pic_left,
			div#wrapper_main_text,
			div#wrapper_main_text_left{
				float: right;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;
			}
			div#wrapper_pic_left,
			div#wrapper_main_text_left{
				float: left;
			}
			div#wrapper_h1,
			div#wrapper_h1_left{
				position: absolute;
				z-index: 100;
				text-align: right;
				background-color: white;
				transition: top .35s ease-in-out 0s;
			}
			div#wrapper_h1_left{
				text-align: left;
			}
			div#h1_teaser{
				font-size: .75em;
				-webkit-hyphens: auto;
				hyphens: auto;
			}
			div#h1_teaser{
				padding-top: 10px;
			}
			div#wrapper_cols{
				font-size: .75em;
				-webkit-hyphens: auto;
				hyphens: auto;
			}
				div.col1,
				div.col2{
					float: left;
				}

			div#wrapper_slider{
				position: relative;
				float: right;
			}
			div#wrapper_slider_left{
				position: relative;
				float: left;
			}
				div.slider_item{
					position: absolute;
					z-index: 10;
					top: 0;
					left: 0;
					opacity: 0;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
					transition: opacity .958s linear 0s;
				}
					div.slider_item.active{
						opacity: 1;
					}
		div#slider_pager{
			position: absolute;
			z-index: 100;
			width: 100%;
			height: 10px;
			text-align: center;
		}
			a.pager_dot{
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 5px;
				border-bottom: 0 none !important;
			}
				a.pager_dot svg{
					width: 10px;
					height: 10px;
					vertical-align: top;
				}
				a.pager_dot.active svg circle{
					fill: #303030;
				}
				a.pager_dot:hover svg circle{
					fill: #b2c52e;
				}


/* Listen */
	div.wrapper_acc_h4_handle{
		padding: 5px 10px;
		background: #eef3d3;
	}
	div#wrapper_teaser_inner div.wrapper_acc_h4_handle,
	div#wrapper_teaser_inner_left div.wrapper_acc_h4_handle{
		background: white;
	}

		div.wrapper_list_accordeon h4{
			width: 100%;
		}
			div.wrapper_list_accordeon h4 a.show_acc{
				display: block;
				color: #303030;
				border-bottom: 0 none !important;
			}
				div.wrapper_list_accordeon h4 a.show_acc:hover{
					color: #b2c52e;
				}
				div.wrapper_list_accordeon h4 a span{
					display: inline-block;
					width: calc(100% - 30px);
				}
			div.acc_handle{
				width: 20px;
				height: 20px;
				margin-top: 5px;
				float: right;
				transform-origin: center center;
				transition: all .38s ease-in-out 0s;
			}
				div.acc_handle svg{
					width: 20px;
					vertical-align: super;
				}
				div.acc_handle.open{
					transform: rotate(180deg);
				}
				div.wrapper_list_accordeon h4:hover svg path{
					fill: #b2c52e;
				}

		div.acc_content{
			display: none;
			padding-top: 10px;
		}
			div.paper_date{
				font-size: .75em;
			}

	/* Podcasts / Videos */

		div.wrapper_video_list{
			margin-bottom: 60px;
			padding-top: 20px;
			border-top: 2px solid #b2c52e;
		}
			div.video_pic2{
				width: 200px;
				margin: 0 20px 20px 0;
				float: left;
			}
				div.video_pic2 a{
					display: inline-block;
					border-bottom: 0 none !important;
				}
				p.datum{
					margin-bottom: .25em !important;
					color: #b2c52e;
					font-size: .85em;
				}
				div.video_description2 h3 a{
					border-bottom: 0 none !important;
				}


	div#footer{
		font-size: .75em;
		font-weight: 500;
		text-align: center;
		background-color: #f0eef0;
	}
		div#wrapper_footer_socials a{
			display: inline-block;
		}
			div#wrapper_footer_socials a:hover svg path.hover{
				fill: #303030;
			}
		div#menu_footer{
			line-height: 1.3;
		}
			div#menu_footer a{
				display: inline-block;
				padding: 0 17px;
				font-size: 15px;
				letter-spacing: 1.85px;
				text-transform: uppercase;
			}

		div#cookiebanner_bg{
				display: none;
				position: fixed;
				z-index: 10000;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(232, 235, 205, 0.6);
			}
			div#wrapper_cookiebanner{
				display: none;
				position: absolute;
				z-index: 10100;
				bottom: 100px;
				left: 10%;
				width: 80%;
				padding: 15px;
				font-size: .75em;
				text-align: center;
				background-color: white;
				box-shadow: 4px 5px 6px rgba(0,0,0,.25);
			}
				div#wrapper_cookiebanner input{
					margin: 10px;
				}




	#status{ position: fixed; bottom: 10px; left: 10px; z-index: 99999; padding: 3px 5px; font-size: 14px; font-family: monospace; color: rgb(196, 12, 198); background: rgba(211, 211, 211, 0.8); }