/* --- GENERAL --- */

html, body{
	margin: 0px;
	padding: 0px;
	font-family: 'Junction', serif;
	font-size: 16px;
	line-height: 22px;
}

body{
	padding-right: 0px !important;
	overflow: visible !important;
}

body.modal-open{
	overflow: hidden !important;
}

a{
	transition: color 0.3s ease;
	color: #3c3c3c;
}

a:hover{
	text-decoration: none !important;
	color: #f2ac25;
}

p{
	color: #3c3c3c;
	font-family: "Meret Pro", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	vertical-align: baseline;
}

hr{
	border-top: 1px solid #3c3c3c;
	margin: 24px 0px;
}

hr.light{
	border-top: 1px solid #eeeeee;
}


table{
	width: 100%;
	margin: 20px 0px 45px 0px;
}

table th.align-left,
table td.align-left{ text-align: left !important; }

table th.align-center,
table td.align-center{ text-align: center !important; }

table th.align-right,
table td.align-right{ text-align: right !important; }

table th.valign-top,
table td.valign-top{ vertical-align: top !important; }

table th.valign-center,
table td.valign-center{ vertical-align: center !important; }

table th.valign-bottom,
table td.valign-bottom{ vertical-align: bottom !important; }

table tr td{ border: 0px; }

table tr.border-light td{ border-bottom: 1px solid #000000; }

table tr.border-medium td{border-bottom: 2px solid #004654; }

table tr.border-hard td{border-bottom: 4px solid #004654;}

table tr.border-special td{border-top: 6px solid #004654; padding-top: 20px;}

table td{
	border-collapse: collapse;
	border-spacing: 0px 0px;
	color: #575757;
	font-family: 'AkzidenzGroteskBE-Regular', 'Junction', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 5px 0px;
	border: 0px;
	text-align: left;
	vertical-align: bottom;
	position: relative;
}

table td.highlighted-light{
	font-weight: bold;
}

table td.highlighted-medium{
	color: #004654;
	font-family: "AkzidenzGroteskBE-bold", "Junction", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 5px 0px;
}

table td.highlighted-hard{
	color: #004654;
	font-family: 'AkzidenzGroteskBE-bold', 'Junction', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 22px 0px 18px 0px;
}

table td.nowrap{
	white-space: nowrap;
}

table tfoot tr:first-child td{
	padding-top: 15px;
}

table tfoot td{
	border: 0px;
	color: #575757;
	font-family: 'Junction', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	position: relative;
}

table tfoot tr:first-child .listnumber{
	top: 14px;
}

table tfoot .listnumber{
	position: absolute;
	left: 0px;
	top: 0px;
}

table tfoot .nopadding{
	padding-left: 0px;
}

/* Colors */
.blue{ color: #478392; }

.light-blue{ color: #dfe8ec; }

.dark-blue{ color: #004654; }

.dark-blue-font{ color: #004654; }

.grey-font{ color: #575757; }

.yellow{ color: #fbb800; }

.berry{ color: #97214a; }

/* Default bg */
.bg-primary{
	background: #fed57b !important;
}

.section.bg-default p,
.section.bg-default span{
	color: #ffffff;
}

.bg-secondary{
	background: #004654 !important;
}

.section.bg-light p,
.section.bg-light span{
	color: #ffffff;
}

/* Header Images */
.bg-intro{
	min-height: 1000px;
	background-size: cover;
}

.bg-intro-stille-heimat{
	background-image: url('../img/header_stille_heimat.jpg');
}

.bg-intro-ganz-nah{
	background-image: url('../img/header_ganz_nah.jpg');
}

.bg-intro-menschen{
	background-image: url('../img/header_menschen.jpg');
}

.bg-intro-luft{
	background-image: url('../img/luft_introbild.jpg');
}

/* Buttons */

.btn{
	cursor: pointer;
}

.btn:focus{
	box-shadow: none;
}

.mb50{
	margin-bottom: 50px;
}

.mb20{
	margin-bottom: 20px;
}

/* Images */
.imagewrap{
	display: inline-block;
	margin-bottom: 40px;
}

.imagewrap > .inner{
	display: table;
}

.imagewrap > .inner > .description{
	font-family: 'Meret Pro', serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 24px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	display: table-caption;
	caption-side: bottom;
}

.imagewrap > .inner > .description strong{
	font-style: normal;
}

.imagerow{
	margin-top: 50px;
	margin-bottom: 50px;
}

.imagerow.alignbottom{
	align-items: flex-end;
}

/* Quotes */
.quoterow{
	display: flex;
	align-items: center;
}

.quoterow2{
	display: flex;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.quoterow > div{
	width: 50%;
	padding: 0px 30px;
}

.quoterow .imagewrap{
	text-align: center;
}

.quoterow .imagewrap > .inner{
	margin: 0 auto;
	text-align: left;
}

.quotewrap .quote{
	color: #004654;
	font-family: 'Junction', serif;
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
	line-height: 38px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.quotewrap .author{
	color: #004654;
	font-family: "Meret Pro", serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	line-height: 29px;
	text-align: center;
	margin: 10px 0px 40px 0px;
	padding: 0px 0px 20px 0px;
}

.quotewrap .author .name{
	font-family: "Junction", sans-serif;
	font-weight: bold;
	font-style: normal;
}

.int-frage{
	margin-bottom: 10px;
}

.highlight{
	color: #fbb800;
	font-family: "Junction", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 28.8px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* Topic */

#intro-section.bg-intro-ganz-nah > .inner,
#intro-section.bg-intro-menschen > .inner,
#intro-section.bg-intro-stille-heimat > .inner{
	padding-left: 10px;
}

#intro-section .topic{
	margin: 40px 0px 60px 0px;
	display: inline-block;
}

#intro-section .topic .mainheadline,
#intro-section .topic .subheadline{
	color: #004654;
	font-family: 'Junction', sans-serif;
	font-size: 58px;
	font-style: normal;
	font-weight: bold;
	line-height: 58px;
	position: relative;
	text-align: center;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.25);
}

#intro-section .topic .mainheadline{
	padding: 35px 0px 35px 0px;
}

#intro-section .topic .mainheadline::before{
	content: '';
	position: absolute;
	left: calc(50% - 50px);
	top: 0px;
	width: 100px;
	height: 9px;
	display: inline-block;
	background: #004654;
}

#intro-section .topic .subheadline{
	padding: 35px 0px 25px 0px;
}

#intro-section .topic .subheadline::after{
	content: '';
	position: absolute;
	left: calc(50% - 50px);
	bottom: 0px;
	width: 100px;
	height: 9px;
	display: inline-block;
	background: #004654;
}

#intro-section .topic .subheadline span{
	position: relative;
}

#intro-section .topic .subheadline span::after{
	content: '';
	background-image: url(../img/icon_star_yellow.svg);
	background-size: 50px auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -50px;
	top: -17px;
	display: inline-block;
}

/*  Modalbox  */

.modalcontent{
	display: none !important;
}

.modal-title{
	color: #636363;
}

.modal .alert{
	margin-bottom: 5px;
}

.modal .modal-footer .action{
	border-color: #004654;
	background: #004654;
}

.modal .modal-footer .action:hover{
	border-color: #007f8f;
	background: #007f8f;
}

.modal .modal-footer .action.btn-disabled{
	border-color: #919495;
	background: #adb0b0;
	color: #ffffff;
}

.modal .modal-footer .action.btn-disabled:hover{
	border-color: #afb2b3;
	background: #c2c5c5;
}

/* --- Navbar --- */

#navbar,
#navbar > .inner{
	position: relative;
}

#navbar{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 72px;
}

/* --- Topmenu --- */

#topmenu a{
	cursor: pointer;
}

#topmenu .lv-0{
	display: flex;
	padding: 0px;
	margin: 0px;
}

#topmenu .lv-0 > .nav-item{
	display: inline-block;
	margin-right: 0px;
	list-style: none;
	font-size: 14px;
	line-height: 18px;
}

#topmenu .lv-0 > .nav-item-home{
	margin-right: 5px;
}

#topmenu .lv-0 > .nav-item > a,
#topmenu .lv-0 > .nav-item > span{
	color: #ffffff;
	background: #004654;
	padding: 9px 15px 5px;
	transition: background 0.3s ease;
	font-weight: bold;
	display: inline-block;
}

#topmenu .lv-0 > .nav-item > a:hover,
#topmenu .lv-0 > .nav-item > span:hover{
	text-decoration: none;
	background: #f2ac25;
}

/* --- Mainmenu --- */

#mainmenu a{
	cursor: pointer;
}

#mainmenu .lv-0{
	display: flex;
	align-items: center;
	padding: 0px;
	margin: 0px;
	width: calc(100% - 110px);
	background: #ffffff;
}

#mainmenu .lv-0 > .nav-item{
	list-style: none;
	align-self: stretch;
	display: flex;
	align-items: center;
}

#mainmenu .lv-0 > .nav-item > a{
	padding: 9px 30px 9px 20px;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	color: #004654;
}

#mainmenu .lv-0 > .nav-item > a:hover,
#mainmenu .lv-0 > .nav-item.hovered > a{
	color: #fbb800;
}

#mainmenu .lv-0 > .nav-item:last-child{
	margin-right: 0px;
}

#mainmenu .lv-0 > .nav-item.parent > a{
	position: relative;
	z-index: 991;
}

#mainmenu .lv-0 > .nav-item.parent > a::after{
	font-family: 'eag-icon-font';
	font-size: 16px;
	content: '\e625';
	position: relative;
	top: 3px;
	right: -10px;
}

#menuwrap{
	padding: 0px;
	position: static;
}


@media (min-width: 993.98px){
	#menuwrap-inner{
		display: block !important;
	}
	
}

/* Logo */

#logo{
	position: absolute;
	right: calc(50% - 600px);
	z-index: 992;
	top: -18px;
}

/* --- Submenu --- */

#mainmenu .submenu{
	background: #ffffff;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 100%;
	z-index: 989;
	box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.2);
	display: none;
}

#mainmenu .submenu::after{
	content: '';
	position: absolute;
	left: calc(50% - 600px);
	right: 0px;
	display: block;
	height: 15px;
	background: #ffffff;
	top: -15px;
	bottom: auto;
	width: 100%;
	max-width: 1100px;
}

@media (min-width: 992.98px){
	#mainmenu .nav-item.parent:hover > .submenu,
	#mainmenu .nav-item.parent.hovered > .submenu{
		display: block;
	}
}

#mainmenu .submenu > .maxwidth{
	padding-top: 32px;
	padding-bottom: 32px;
}

#mainmenu .submenu .inner{
	display: flex;
	justify-content: space-between;
}

#mainmenu .submenu .leftside{
	margin-right: auto;
	width: 50%;
	padding-right: 15px;
}

#mainmenu .submenu .rightside{
	margin-left: auto;
	width: 50%;
	padding-left: 15px;
}

#mainmenu .submenu .title{
	font-family: 'Junction', sans-serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 43px;
	color: #f2ac25;
	padding-bottom: 46px;
}

#mainmenu .submenu .nav-item{
	margin-bottom: 30px;
}

#mainmenu .submenu .nav-item > a{
	position: relative;
	padding-left: 20px;
	color: #3c3c3c;
	transition: color 0.3s ease;
	font-size: 18px;
	line-height: 23px;
}

#mainmenu .submenu .nav-item > a:hover,
#mainmenu .submenu .nav-item.hovered > a{
	color: #f2ac25;
}

#mainmenu .submenu .nav-item > a::after{
	content: '';
	background: url('../img/icon_submenu_link.svg') no-repeat;
	width: 8px;
	height: 15px;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 3px;
}

#mainmenu .submenu .quote{
	color: #f2ac25;
	font-family: "Junction", serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	line-height: 34px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-indent: -9px;
	vertical-align: baseline;
}

#mainmenu .submenu .author{
	color: #f2ac25;
	font-family: "Meret Pro", serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	line-height: 29px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
	vertical-align: baseline;
}

#mainmenu .submenu .author .name{
	font-family: "Junction", sans-serif;
	font-weight: bold;
	font-style: normal;
}

/* --- Section - Intro --- */

#intro-section{
	padding-top: 240px;
	padding-bottom: 50px;
	position: relative;
}

#intro-section > .inner{
	padding-left: 95px;
}

#intro-section .image{
	position: relative;
	margin-bottom: 64px;
}

#intro-section .image.bordered{
	padding-top: 50px;
}

#intro-section .image.bordered::before{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 90px;
	height: 9px;
	display: inline-block;
	background: #ffffff;
}

#intro-section .image.star{
}

#intro-section .image.star::after{
}

#intro-section .mainheadline{
	color: #ffffff;
	display: inline-block;
	font-family: 'Junction', serif;
	font-size: 73px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.73px;
	line-height: 75px;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	position: relative;
}

#intro-section .mainheadline.bordered{
	padding-top: 50px;
}

#intro-section .mainheadline.bordered::before{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 90px;
	height: 9px;
	display: inline-block;
	background: #ffffff;
}

#intro-section .mainheadline.star{
	position: relative;
	padding-right: 50px
}

#intro-section .mainheadline.star::after{
	content: '';
	background-image: url(../img/icon_star_yellow.svg);
	background-size: 50px auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: -17px;
	display: inline-block;
}

#intro-section .subheadline{
	color: #ffffff;
	font-family: 'Junction', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	margin: 0px;
	padding: 0px;
}

#intro-section .to-content{
	color: #ffffff;
	display: block;
	padding-top: 40px;
	text-align: center;
}

#intro-section .to-content span{
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
	font-size: 30px;
	display: inline-block;
	cursor: pointer;
}

@-webkit-keyframes bounce{
	0%, 20%, 50%,
	80%, 100%{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40%{
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	60%{
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes bounce{
	0%, 20%, 50%,
	80%, 100%{
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40%{
		-moz-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		-webkit-transform: translateY(-7px);
		transform: translateY(-7px);
	}
	60%{
		-moz-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

#intro-section.bg-intro-stille-heimat .mainheadline,
#intro-section.bg-intro-stille-heimat .subheadline{
	color: #004654;
}


/* --- Footer --- */

#footer{
	padding-top: 50px;
	padding-bottom: 64px;
	background: #fbb800;
	color: #ffffff;
}

#footer a{
	color: #ffffff;
	transition: color 0.3s ease;
}

#footer a:hover{
	color: #004654;
	text-decoration: none;
}

#footer .leftside,
#footer .rightside{
	display: flex;
	align-items: center;
}

#footer .leftside a,
#footer .leftside span{
	display: inline-block;
	margin-right: 36px;
}

#footer .leftside a:last-child,
#footer .leftside span:last-child{
	margin-right: 0px;
}

#footer .social-media-button{
	font-size: 12px;
	line-height: 18px;
	position: relative;
	padding: 5px 5px 5px 30px;
	display: inline-block;
	width: 100%;
	max-width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 15px;
	color: #ffffff !important;
	transition: background 0.3s ease;
}

#footer .social-media-button:first-child{
	margin-left: auto;
}

#footer .social-media-button:last-child{
	margin-right: 0px;
}

#footer .social-media-button.facebook{
	background: #3b5998;
}

#footer .social-media-button.facebook:hover{
	background: #4273c8;
}

#footer .social-media-button.twitter{
	background: #55acee;
}

#footer .social-media-button.twitter:hover{
	background: #32bbf5;
}

#footer .social-media-button [class^="ricon-"]{
	position: absolute;
	left: 7px;
	top: 6px;
	font-size: 16px;
}

#footer .social-media-button.facebook [class^="ricon-"]{
	left: 10px;
}

/* --- Page - Home --- */

#motto-2020{
	color: #ffffff;
	font-family: 'Junction', sans-serif;
	font-weight: bold;
	display: inline-block;
}

#motto-2020 div:nth-child(1){
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
}

#motto-2020 div:nth-child(2){
	font-size: 104px;
	line-height: 104px;
	font-weight: normal;
}

#motto-2020 div:nth-child(3){
	font-size: 85px;
	line-height: 85px;
}

#motto-2020 div:nth-child(4){
	font-size: 46px;
	line-height: 47px;
}

/* Home - Satistik */

#home-statistik{
	padding-top: 108px;
	padding-bottom: 100px;
}

#home-statistik p,
#home-statistik span{
	color: #004654;
}

#home-statistik .stand{
	font-weight: bold;
	font-family: 'Junction', sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: #004654;
}

#home-statistik .stand .smaller{
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
}

#home-statistik span,
#home-statistik div{
	font-family: "Junction", sans-serif;
	color: #004654;
}

#home-statistik .statset{
	margin-bottom: 60px;
}

#home-statistik .statset .inner{
	display: flex;
	align-items: flex-start;
}

#home-statistik .statset .inner > .statwrap{
	margin-right: 60px;
	text-align: left;
}

#home-statistik .statset .inner > .statwrap:last-child{
	margin-right: 0px;
}

#home-statistik .statset .headline{
	margin: 0px 0px 30px 0px;
}

#home-statistik .statset .headline span{
	display: inline-block;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.22px;
	line-height: 29px;
	position: relative;
	text-transform: uppercase;
	vertical-align: baseline;
}

#home-statistik .statset .headline span::after{
	content: '';
	position: absolute;
	left: 0px;
	right: 0px;
	top: auto;
	bottom: -3px;
	height: 3px;
	background-color: #004654;
}

#home-statistik .stat{
	display: inline-block;
}

#home-statistik .stat .image{
	margin-bottom: 19px;
}

#home-statistik .stat .value{
	font-size: 40px;
	font-weight: bold;
	font-family: 'Junction', sans-serif;
	hyphens: auto;
	letter-spacing: normal;
	line-height: 40px;
}

#home-statistik .stat .value .unit{
	font-size: 17px;
	font-weight: 400;
	hyphens: auto;
	letter-spacing: normal;
	line-height: 40px;
	margin-left: 5px;
}

#home-statistik .stat .label{
	font-size: 16px;
	line-height: 26px;
}

#home-statistik .stat.bordered{
	border-bottom: 2px solid #004654;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#home-statistik .info{
	color: #004654;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

#home-statistik .wirtschaftliche-daten > .inner{
	text-align: center;
	display: block;
}

#home-statistik .wirtschaftliche-daten .statwrap{
	margin: 0 auto;
	display: inline-block;
}

#home-statistik .wirtschaftliche-daten .value{
	font-size: 80px;
	line-height: 90px;
	margin-bottom: 5px;
}

#home-statistik .wirtschaftliche-daten-zusatz{
	text-align: center;
	display: block;
}

#home-statistik .wirtschaftliche-daten-zusatz > .inner{
	margin: 0 auto;
	text-align: left;
	max-width: 740px;
}

#home-statistik .netze{
	position: relative;
	display: inline-block;
}

#home-statistik .netze::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 314px;
	background-image: url(../img/netz.svg);
	background-size: contain;
	background-position: center left;
	background-repeat: no-repeat;
	left: calc(100% - 2px);
	top: 118px;
	height: 94px;
}

#home-statistik .netze .top{
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 2px solid #004654;
}

#home-statistik .netze .bot .inner{
	align-items: flex-end;
}

#home-statistik .absatz .leftside{
	margin-right: 60px;
}

/* Home - Content */

#home-content{
	padding-top: 0px;
	padding-bottom: 130px;
}

#home-content span,
#home-content p{
	color: #3c3c3c;
}

#home-content .mainheadline{
	font-family: 'Junction', sans-serif;
	font-size: 48px;
	font-style: normal;
	font-weight: bold;
	line-height: 58px;
	margin: 0px;
	padding: 50px 0px 60px 0px;
	position: relative;
}

#home-content .mainheadline span{
	color: #004654;
}

#home-content .mainheadline::before{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 90px;
	height: 9px;
	display: inline-block;
	background: #004654;
}

/* Home - Downloads */

#home-downloads{
	padding-top: 50px;
	padding-bottom: 20px;
	background: #fed57b;
}

#home-downloads .mainheadline{
	color: #ffffff;
	font-family: 'Junction', sans-serif;
	font-size: 48px;
	font-style: normal;
	font-weight: bold;
	line-height: 58px;
	margin: 0px;
	padding: 50px 0px 60px 0px;
	position: relative;
	display: inline-block;
}

#home-downloads .mainheadline::before{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 90px;
	height: 9px;
	display: inline-block;
	background: #ffffff;
}

#home-downloads .download-link{
	border: 1px solid #ffffff;
	padding: 22px 22px 22px 100px;
	position: relative;
	color: #ffffff;
	display: block;
	max-width: 425px;
	font-family: 'Junction', sans-serif;
	font-weight: 300;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 40px;
}

#home-downloads .download-link::after{
	font-family: 'eag-icon-font';
	font-size: 38px;
	content: "\e600";
	position: absolute;
	left: 25px;
	top: 36px;
}

#home-downloads .download-link.archiv::after{
	content: "\e007";
	left: 19px;
}

/* --- Page - Vorwort --- */

#vorwort-content{
	padding-top: 70px;
	padding-bottom: 130px;
}

#vorwort-content .mainheadline{
	color: #004654;
	font-family: 'Junction', sans-serif;
	font-size: 62px;
	font-style: normal;
	font-weight: bold;
	line-height: 68px;
	margin: 0px;
	padding: 45px 0px 7px 0px;
	position: relative;
}

#vorwort-content .mainheadline::before{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 9px;
	display: inline-block;
	background: #004654;
}

#vorwort-content .mainheadline span{
	position: relative;
	padding-right: 50px;
}

#vorwort-content .mainheadline span::after{
	content: '';
	background-image: url(../img/icon_star_yellow.svg);
	background-size: 50px auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: -17px;
	display: inline-block;
}

#vorwort-content .subheadline{
	color: #004654;
	font-family: 'Junction', sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.21px;
	line-height: 27px;
	margin: 0px 0px 100px 0px;
	padding: 0px;
}

#vorwort-content .h3{
	font-family: 'Junction', sans-serif;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 0.19px;
	line-height: 25px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #004654;
}

#vorwort-content p{
	color: #3c3c3c;
	font-family: 'Meret Pro', serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

#vorwort-content .text-highlighted{
	color: #004654;
}

#vorwort-content .quotewrap,
#vorwort-content .imagewrap{
	margin-top: 45px;
	margin-bottom: 45px;
}

#vorwort-content .signatur{
	margin-top: 80px;
}

#vorwort-content .signatur .name{
	color: #3c3c3c;
	font-family: 'Meret Pro', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 0px;
	margin-top: 30px;
}

#vorwort-content .signatur .titel{
	color: #3c3c3c;
	font-family: 'Meret Pro', sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 0px;
}


/* --- Page - Geleitwort --- */

#geleitwort-content{
	padding-top: 70px;
	padding-bottom: 130px;
}

#geleitwort-content .mainheadline{
	color: #004654;
	font-family: 'Junction', sans-serif;
	font-size: 62px;
	font-style: normal;
	font-weight: bold;
	line-height: 68px;
	margin: 0px;
	padding: 45px 0px 7px 0px;
	position: relative;
}

#geleitwort-content .mainheadline::before{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 9px;
	display: inline-block;
	background: #004654;
}

#geleitwort-content .mainheadline span{
	position: relative;
	padding-right: 50px;
}

#geleitwort-content .mainheadline span::after{
	content: '';
	background-image: url(../img/icon_star_yellow.svg);
	background-size: 50px auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: -17px;
	display: inline-block;
}

#geleitwort-content .subheadline{
	color: #004654;
	font-family: 'Junction', sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.21px;
	line-height: 27px;
	margin: 0px 0px 100px 0px;
	padding: 0px;
}

#geleitwort-content .h3{
	font-family: 'Junction', sans-serif;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 0.19px;
	line-height: 25px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #004654;
}

#geleitwort-content p{
	color: #3c3c3c;
	font-family: 'Meret Pro', serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

#geleitwort-content .text-highlighted{
	color: #004654;
}

#geleitwort-content .quotewrap,
#geleitwort-content .imagewrap{
	margin-top: 45px;
	margin-bottom: 45px;
}

#geleitwort-content .signatur{
	margin-top: 80px;
}

#geleitwort-content .signatur .name{
	color: #3c3c3c;
	font-family: 'Meret Pro', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 0px;
	margin-top: 30px;
}

#geleitwort-content .signatur .titel{
	color: #3c3c3c;
	font-family: 'Meret Pro', sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 0px;
}

/* --- Page - Auftakt --- */

#auftakt-content{
	padding-top: 70px;
	padding-bottom: 130px;
}

#auftakt-content p{
	color: #3c3c3c;
	font-family: 'Meret Pro', serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

#auftakt-content .quotewrap{
	margin-top: 45px;
	margin-bottom: 45px;
}

#auftakt-content .quote{
	color: #004654;
}

.bg-auftakt{
	background-color: #004654;
}


/* --- Page - Heimat --- */

#heimat-content{
	padding-top: 70px;
	padding-bottom: 130px;
}

#heimat-content p{
	color: #3c3c3c;
	font-family: 'Meret Pro', serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

#heimat-content .quotewrap{
	margin-top: 45px;
	margin-bottom: 45px;
}

#heimat-content .quote{
	color: #004654;
}

#heimat-content .tobottom{
	align-items: flex-end;
}

/* --- Page - Menschen --- */

#intro-section.bg-intro-menschen .mainheadline,
#intro-section.bg-intro-menschen .subheadline{
	color: #fff;
}

#intro-section.bg-intro-menschen .mainheadline::before,
#intro-section.bg-intro-menschen .subheadline::after{
	background: #fff;
}

#menschen-content{
	padding-top: 70px;
	padding-bottom: 130px;
}

#menschen-content p{
	color: #3c3c3c;
	font-family: 'Meret Pro', serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

#menschen-content p:last-child{
	margin-bottom: 0px;
}

#menschen-content .int-frage{
	margin-bottom: 10px;
}

#menschen-content .quote{
	color: #004654;
}

#menschen-content .img-goals{
	text-align: center;
	width: 100%;
}

#menschen-content .img-goals img{
	max-width: 768px;
	margin: 0 auto;
}

/* --- Page - Ganz Nah Dran --- */

#intro-section.bg-intro-ganz-nah > .inner{
	display: flex;
	padding-left: 0px;
	padding-right: 20px;
}

#intro-section.bg-intro-ganz-nah .headwrap{
	display: inline-block;
	margin-left: auto;
}

#intro-section.bg-intro-ganz-nah .mainheadline,
#intro-section.bg-intro-ganz-nah .subheadline{
	color: #fff;
}

#intro-section.bg-intro-ganz-nah .mainheadline::before,
#intro-section.bg-intro-ganz-nah .subheadline::after{
	background: #fff;
}

#ganz-nah-content,
#stille-heimat-content{
	padding-top: 70px;
	padding-bottom: 130px;
}

#ganz-nah-content p{
	color: #3c3c3c;
	font-family: 'Meret Pro', serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

#ganz-nah-content p:last-child{
	margin-bottom: 0px;
}

#ganz-nah-content .int-frage{
	margin-bottom: 10px;
}

#ganz-nah-content .quote{
	color: #004654;
}

#ganz-nah-content .img-goals{
	text-align: center;
	width: 100%;
}

#ganz-nah-content .img-goals img{
	max-width: 768px;
	margin: 0 auto;
	width: 100%;
}

/* --- Page - Highlights --- */

#intro-section.intro-highlights .mainheadline,
#intro-section.intro-highlights .subheadline{
	color: #ffffff;
	font-family: 'Junction', serif;
	font-size: 73px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.73px;
	line-height: 75px;
}

#intro-section.intro-highlights .mainheadline{
	font-size: 90px;
	line-height: 90px;
	font-weight: normal;
}

#highlights-intro{
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #004654;
}

#highlights-intro .mainheadline{
	color: #ffffff;
	font-family: 'Junction', sans-serif;
	font-size: 135px;
	line-height: 145px;
	font-style: normal;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	padding: 11px 0px 7px 0px;
	position: relative;
}

#highlights-intro .mainheadline::before{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 11px;
	display: inline-block;
	background: #fbb800;
}

#highlights-intro .mainheadline span{
	position: relative;
	padding-right: 50px;
}

#highlights-intro .mainheadline span::after{
	content: '';
	background-image: url(../img/icon_star_yellow.svg);
	background-size: 50px auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: 20px;
	display: inline-block;
}

#highlights-intro .subheadline{
	color: #ffffff;
	font-family: 'Junction', sans-serif;
	font-size: 73px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.21px;
	line-height: 83px;
	margin: 0px 0px 60px 0px;
	padding: 0px;
}

#highlights-content hr.spacer{
	margin: 40px 0px;
	background: #004654;
	height: 2px;
	width: 100%;
	display: block;
}

#highlights-content{
	padding-top: 110px;
	padding-bottom: 70px;
}


#highlights-content > .maxwidth > .row > div{
	margin-bottom: 40px;
}

#highlights-content p{
	color: #004654;
}

#highlights-content .highlights-month{
	font-size: 24px;
	line-height: 30px;
	font-family: 'Junction', sans-serif;
	color: #fbb800;
	font-weight: bold;
}

/* --- Page - ENTEGA --- */


/* --- Page - Corporate-Governance-Bericht --- */

#corporate-content{
	padding-top: 50px;
	padding-bottom: 130px;
}

#corporate-content .mainheadline{
	color: #004654;
	font-family: 'Junction', sans-serif;
	font-size: 62px;
	font-style: normal;
	font-weight: bold;
	line-height: 68px;
	margin: 0px 0px 100px 0px;
	padding: 45px 0px 7px 0px;
	position: relative;
}

#corporate-content .h3{
	font-family: 'Junction', sans-serif;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.21px;
	line-height: 27px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #004654;
}

#corporate-content .h2{
	color: #fbb800;
	font-family: 'Junction', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	line-height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 25px 25px;
	position: relative;
}

#corporate-content .h2 .listnumber{
	position: absolute;
	left: 0px;
	top: 14px;
}


#corporate-content p{
	color: #3c3c3c;
	font-family: 'Meret Pro', serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

#corporate-content .paragraph{
	color: #004654;
	font-weight: bold;
}

#corporate-content .signatur .imgwrap{
	height: 90px;
	display: flex;
	width: 100%;
	align-items: center;
}

#corporate-content .signatur .name{
	color: #3c3c3c;
	font-family: 'Meret Pro', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 0px;
	margin-top: 30px;
}

#corporate-content .signatur .titel{
	color: #3c3c3c;
	font-family: 'Meret Pro', sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 0px;
}

#corporate-content .signatur.jochen-partsch{
	margin-bottom: 50px;
}


/* --- Page - Auszug Konzernlagebericht --- */

#lagebericht-content{
	padding-top: 50px;
	padding-bottom: 130px;
}

#lagebericht-content .mainheadline{
	color: #004654;
	font-family: 'Junction', sans-serif;
	font-size: 62px;
	font-style: normal;
	font-weight: bold;
	line-height: 68px;
	margin: 0px 0px 100px 0px;
	padding: 45px 0px 0px 0px;
	position: relative;
}

#lagebericht-content .h3{
	color: #97214a;
	font-family: 'Junction', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	line-height: 30px;
	margin: 0px 0px 25px 0px;
	padding: 15px 0px 0px 0px;
}

#lagebericht-content .h3:first-child{
	padding-top: 0px;
}

#lagebericht-content p{
	color: #3c3c3c;
	font-family: 'Meret Pro', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

/* --- Page - Auszug Konzernabschluss --- */

#konzernabschluss-content{
	padding-top: 50px;
	padding-bottom: 130px;
}

#konzernabschluss-content .mainheadline{
	color: #004654;
	font-family: 'Junction', sans-serif;
	font-size: 62px;
	font-style: normal;
	font-weight: bold;
	line-height: 68px;
	margin: 0px 0px 100px 0px;
	padding: 45px 0px 7px 0px;
	position: relative;
}

#konzernabschluss-content .highlighted-light{
	padding-right: 10px;
}

/* --- Page - Konzernbilanz --- */

#konzernbilanz-content{
	padding-top: 50px;
	padding-bottom: 130px;
}

#konzernbilanz-content table td:first-child{
	padding-right: 20px;
}

#konzernbilanz-content .nopadding{
	padding-bottom: 0px;
}

/* --- Page - Anteilsbilanz --- */

/* --- Page - Organe --- */

#organe-content{
	padding-top: 50px;
	padding-bottom: 130px;
}


#organe-content .subheadline{
	color: #004654;
	font-family: 'Junction', sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.21px;
	line-height: 27px;
	margin: 0px 0px 70px 0px;
	padding: 0px;
}

#organe-content .category{
	color: #fbb800;
	font-family: 'Junction', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	line-height: 28.8px;
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 14px 0px;
}

#organe-content p{
	color: #3c3c3c;
	font-family: 'Meret Pro', serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

#organe .person p{
	margin-bottom: 40px;
}

#organe .person p{
	color: #3c3c3c;
	font-family: "Meret Pro", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#organe-content .person .name{
	color: #004654;
	font-family: 'Meret Pro', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	line-height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#organe-content .footnote{
	color: #3c3c3c;
	font-family: "Meret Pro", serif;
	font-size: 14px;
	line-height: 29px;
	margin-bottom: 0px;
}

/* --- Page - Zahlen und Fakten --- */

#zahlenfakten-content{
	padding-top: 50px;
	padding-bottom: 130px;
}

#zahlenfakten-content table.headtable{
	margin: 0px;
}

#zahlenfakten-content tfoot td{
	padding-left: 32px;
}

#zahlenfakten-content td.align-center.valign-top{
	padding-right: 10px;
}

#zahlenfakten-content th:nth-last-child(1),
#zahlenfakten-content th:nth-last-child(2),
#zahlenfakten-content td:nth-last-child(1),
#zahlenfakten-content td:nth-last-child(2){
	width: 100px;
}


/* --- Page - Archiv --- */

#archiv-content{
	padding-top: 50px;
	padding-bottom: 130px;
}

#archiv-content .introtext{
	color: #3c3c3c;
	font-family: 'Junction', sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.21px;
	line-height: 27px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	text-align: center;
}

#archiv-content .download-group{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#archiv-content .download-item{
	flex: 1 0 21%;
	text-align: center;
	margin-bottom: 30px;
}

#archiv-content .download-item .inner{
	margin: 0 auto;
	max-width: 200px;
}

#archiv-content .download-item img{
	width: 200px;
	height: 270px;
}

#archiv-content .download-item .btn{
	border: 1px solid #3c3c3c;
	background-image: url(../img/icon_download.svg);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 24px;
	padding: 5px 5px 5px 42px;
	text-align: left;
	border-radius: 0px;
	margin-top: 20px;
	width: 100%;
	
	color: #3b3b3a;
	display: inline-block;
	font-family: 'Junction', serif;
	font-size: 15px;
	font-style: normal;
	letter-spacing: 0.15px;
	line-height: 20px;
}

/* --- Page - Impressum --- */

#impressum-content{
	padding-top: 50px;
	padding-bottom: 130px;
}


/* --- Page - Datenschutz --- */

#datenschutz-content{
	padding-top: 50px;
	padding-bottom: 330px;
}

#datenschutz-content h1,
#datenschutz-content h2,
#datenschutz-content h3,
#datenschutz-content h4,
#datenschutz-content h5{
	margin-bottom: 40px;
}

#datenschutz-content ul{
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 25px;
}

#datenschutz-content ul li{
	list-style: none;
	position: relative;
	padding: 0px;
	margin-bottom: 5px;
	
	color: #3c3c3c;
	font-family: "Meret Pro", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	vertical-align: baseline;
	
}

#datenschutz-content ul li:last-child{
	margin-bottom: 0px;
}

#datenschutz-content ul li::after{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	border: 1px solid #999999;
	position: absolute;
	left: -25px;
	top: 8px;
}

#datenschutz-content a[href^="mailto:"] > span{
	color: #f2ac25;
	margin-right: 5px;
}

#datenschutz-content a[href^="http"]{
	padding-left: 18px;
	position: relative;
}

#datenschutz-content a[href^="http"]::after{
	font-family: 'reDim Icon Pack';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e910";
	color: #f2ac25;
	position: absolute;
	left: 0px;
	top: 4px;
}

#datenschutz-content .downloadswrap{
	margin-bottom: 40px;
}

#datenschutz-content .download-item{
	margin-bottom: 10px;
}

#datenschutz-content .downloadswrap .btn-download{
	text-align: left;
	background: #ffffff;
	position: relative;
	padding-left: 40px;
	font-size: 16px;
	line-height: 24px;
}

#datenschutz-content .downloadswrap .btn-download::after{
	font-family: 'eag-icon-font';
	content: "\e600";
	font-weight: 300;
	color: #ffffff;
	position: absolute;
	left: 0px;
	top: 3px;
	padding: 6px;
	background: #f2ac25;
	border: 1px solid #f2ac25;
	transition: all 0.3s ease;
}

#datenschutz-content .downloadswrap .btn-download:hover{
	color: #f2ac25;
}

#datenschutz-content .downloadswrap .btn-download:hover::after{
	color: #f2ac25;
	background: #ffffff;
}

#datenschutz-content .ga-box-state{
	background-color: rgb(239, 239, 239);
	color: rgb(33, 37, 41);
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	margin-top: 20px;
	text-rendering: optimizelegibility;
	padding: 18px;
}

/* --- Page - Rechtliches --- */

#rechtliches-content{
	padding-top: 50px;
	padding-bottom: 130px;
}

/* --- Page - ENTEGA nah dran --- */

#minipages{
	padding-bottom: 75px;
}

#minipages > .maxwidth{
	text-align: center;
}

#minipages .paper{
	background: #ffffff;
	padding: 75px 150px 50px 95px;
	position: relative;
	margin: 0 auto 60px auto;
	max-width: 1000px;
	min-height: 1200px;
	text-align: left;
}

#minipages .paper:last-child{
	margin-bottom: 0px;
}

#minipages .paper::before{
	content: '';
	background-image: url(../img/icon_star_yellow.svg);
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 35px;
	top: 35px;
	display: inline-block;
}

#minipages .paper::after{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 0;
	height: 0;
	border-left: 50px solid #ffffff;
	border-bottom: 50px solid #ffffff;
	border-right: 50px solid #fed57b;
	border-top: 50px solid #fed57b;
	content: '';
	display: inline-block;
	z-index: 700;
}

#minipages .paper .headline{
	color: #004553;
	font-family: 'Junction', sans-serif;
	font-size: 24px;
	line-height: 35px;
	font-weight: bold;
}

#minipages .paper .subheadline{
	color: #004553;
	font-family: 'Junction', sans-serif;
	font-size: 18px;
	line-height: 29px;
}

#minipages .paper p{
	margin-bottom: 20px;
}


/* --- Extra--- */

/* Sidebar */

#sidebar{
	position: fixed;
	right: 0px;
	top: 50%;
	text-align: right;
	display: flex;
	flex-direction: column;
}

#sidebar .btnwrap{
	display: flex;
	width: auto;
	margin-left: auto;
}

#sidebar .btn{
	background: #004654;
	color: #ffffff;
	border-radius: 0px;
	margin-bottom: 2px;
	display: flex;
	text-align: right;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Junction', sans-serif;
	padding: 0px;
	
}

#sidebar .btn span{
	padding: 10px 12px;
	display: inline-block;
}

#sidebar .btn span:first-child{
	display: none;
	padding: 13px 12px 7px 12px;
}

#sidebar .btn:hover span:first-child{
	display: block;
	
}

#sidebar .btn span:last-child{
	font-size: 24px;
	line-height: 24px;
	width: 75px;
	text-align: center;
}


/* Bestellformular */

#form-bestellung .inputwrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
}

#form-bestellung .inputwrap label{
	margin-right: auto;
	color: #636362;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0px;
}

#form-bestellung .inputwrap input[type="text"],
#form-bestellung .inputwrap input[type="email"]{
	width: 100%;
	max-width: 320px;
	border: 1px solid #cccccc;
	box-shadow: none;
	box-sizing: border-box;
	color: #555555;
	display: block;
	font-family: 'Junction', serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	margin: 0px;
	padding: 4px 12px;
	
	white-space: normal;
	appearance: none;
	-moz-appearance: none;
}

#form-bestellung .checkboxwrap{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 12px;
	line-height: 18px;
	font-family: 'Junction', sans-serif;
	color: #636362;
}

#form-bestellung .checkboxwrap input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

#form-bestellung .checkmark{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border: 1px solid #cccccc;
}

#form-bestellung .checkboxwrap input:checked ~ .checkmark{
	border: 1px solid #f2ac25;
}

#form-bestellung .checkmark:after{
	content: '';
	position: absolute;
	display: none;
}

#form-bestellung .checkboxwrap input:checked ~ .checkmark:after{
	display: block;
}

#form-bestellung .checkboxwrap .checkmark:after{
	left: 8px;
	top: 3px;
	width: 7px;
	height: 15px;
	border: solid #f2ac25;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#container_form_datenschutz{
	margin-top: 20px;
}


/* Fixed Navigation */

#fixed-pagenav{
	position: fixed;
	right: 40px;
	bottom: 40px;
	display: inline-block;
	z-index: 9999;
}

#fixed-pagenav .inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 128px;
}

#fixed-pagenav .btn{
	padding: 12px 8px 10px 8px;
	background: #004654;
	color: #ffffff;
	font-size: 16px;
	line-height: 16px;
	transition: background 0.3s ease;
	border-radius: 2px;
}

#fixed-pagenav .btn:hover{
	background: #fbb800;
}

#fixed-pagenav .pagelink.right{
	margin-left: 40px;
}

/* Datenschutz */

#modal-datenschutz .modal-dialog{
	background: #ffffff;
	box-sizing: border-box;
	color: #212529;
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 23px;
	max-width: 1040px;
	padding: 0px;
}

#modal-datenschutz .modal-dialog .modal-content{
	padding: 40px;
}

#modal-datenschutz .modal-content .action{
	color: #f2ac25;
	cursor: pointer;
}

@media (min-height: 800px){
	#modal-datenschutz .modal-dialog{
		margin-top: calc(50vh - 220px);
	}
}

@media (min-width: 1200px){
	.site-datenschutz #modal-datenschutz .modal-dialog{
		margin-top: calc(100vh - 480px);
		margin-left: auto;
		margin-right: 20px;
	}
}

.site-datenschutz .modal-backdrop{
	display: none;
}

.site-datenschutz #modal-datenschutz .modal-dialog .modal-content{
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
}

#modal-datenschutz .modal-content{
	border: 0px;
}

#modal-datenschutz .headline{
	box-sizing: border-box;
	color: #212529;
	display: block;
	font-family: Junction, Arial, sans-serif;
	font-size: 27px;
	font-weight: 400;
	line-height: 32.4px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

#modal-datenschutz p{
	color: #212529;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
}

#modal-datenschutz p a{
	color: #f2ac25;
}

#modal-datenschutz .actions{
	display: flex;
	align-items: center;
	align-content: center;
	margin-top: 18px;
}

#modal-datenschutz .actions > .action-wrap{
	margin-left: 10px;
}

#modal-datenschutz .actions > .action-wrap:first-child{
	margin-left: auto;
}

#modal-datenschutz .actions a{
	color: #000000;
	font-size: 18px;
	line-height: 23px;
	padding: 9px 14px;
}

#modal-datenschutz .actions a:hover{
	color: #f2ac25;
}

#modal-datenschutz .actions .action{
	padding: 9px 14px;
	color: #ffffff;
	display: inline-block;
	transition: all 0.3s ease;
	cursor: pointer;
	font-size: 18px;
	line-height: 23px;
}

#modal-datenschutz .actions .action.action-config{
	background: #8d8d8d;
	border: 1px solid #8d8d8d;
}

#modal-datenschutz .actions .action.action-config:hover{
	background: #7a7a7a;
	border: 1px solid #7a7a7a;
}

#modal-datenschutz .actions .action.action-acceptall,
#modal-datenschutz .actions .action.action-acceptcurrent{
	background: #f2ac25;
	border: 1px solid #f2ac25;
}

#modal-datenschutz .actions .action.action-acceptall:hover,
#modal-datenschutz .actions .action.action-acceptcurrent:hover{
	background: #ffffff;
	color: #f2ac25;
}

#modal-datenschutz table{
	margin: 0px 0px 18px 0px;
}

#modal-datenschutz table th,
#modal-datenschutz table td{
	padding: 9px;
	color: #212529;
	border: 0px;
	vertical-align: top;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap;
}

#modal-datenschutz table th:nth-child(2),
#modal-datenschutz table td:nth-child(2){
	white-space: normal;
}

#modal-datenschutz table th{
	border-bottom: 2px solid #cccccc;
	font-weight: bold;
}

#modal-datenschutz table td{
	border-bottom: 1px solid #cccccc;
}

#modal-datenschutz table tr:last-child td{
	border-bottom: 0px solid #cccccc;
}

#modal-datenschutz table tbody tr:hover td{
	background: #ececec;
}

#modal-datenschutz .config p{
	margin-bottom: 18px;
}

#modal-datenschutz .accordion-head{
	padding: 13px 22px;
	background-color: #f7f7f7;
	border: 1px solid #dfdfdf;
	position: relative;
}

#modal-datenschutz .accordion-head span{
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
}

#modal-datenschutz .accordion-head span:hover{
	cursor: pointer;
	color: #f2ac25;
}

#modal-datenschutz .checkboxwrap{
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0px;
	position: absolute;
	right: 25px;
	top: 15px;
}

#modal-datenschutz .checkboxwrap input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	top: 0px;
	left: 0px;
}

#modal-datenschutz .checkboxwrap .checkmark{
	height: 18px;
	width: 18px;
	background-color: #dddddd;
}

#modal-datenschutz .checkboxwrap:hover input ~ .checkmark{
	background-color: #dddddd;
}

#modal-datenschutz .checkboxwrap input:checked ~ .checkmark{
	background-color: #f2ac25;
}

#modal-datenschutz .checkboxwrap .checkmark:after{
	content: "";
	position: absolute;
	display: none;
}

#modal-datenschutz .checkboxwrap input:checked ~ .checkmark:after{
	display: block;
}

#modal-datenschutz .checkboxwrap .checkmark:after{
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#modal-datenschutz .accordion-item:first-child .checkmark{
	background-color: #e9ecef !important;
}

#modal-datenschutz .accordion-content{
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	padding: 22px;
}

#modal-datenschutz .accordion-content p{
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px){
	
	.bg-intro{
		background-size: 2400px auto;
		background-repeat: no-repeat;
		background-position: top center;
	}
	
	#mainmenu .submenu .maxwidth{
		padding-right: 15px;
		padding-left: 15px;
	}
	
	#logo{
		right: 20px;
	}
	
	#home-statistik .dienstleistungen .inner{
		display: flex;
	}
	
	#home-statistik .dienstleistungen .statwrap,
	#home-statistik .netze .statwrap,
	#home-statistik .absatz .statwrap{
		margin-right: 50px;
	}
	
	#home-statistik .absatz .inner{
		display: block;
	}
	
	#home-statistik .absatz .leftside,
	#home-statistik .absatz .rightside{
		display: flex;
		margin-right: 0px;
		margin-left: 0px;
	}
	
	#home-statistik .absatz .leftside{
		margin-bottom: 20px;
	}
	
	#home-statistik .stat.bordered{
		border: 0px;
		padding: 0px;
	}
	
	#home-statistik .netze::after{
		display: none;
	}
	
	#intro-section .intro-box{
		margin-right: 20px;
	}
	
	.tablewrap{
		overflow: auto;
	}
	
	.tablewrap table{
		min-width: 768px;
	}
	
	#footer{
		padding-bottom: 100px;
	}
	
	#modal-datenschutz{
		padding: 20px;
	}
}


/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px){
	
	#intro-section{
		padding-top: 20px;
	}
	
	#navbar{
		position: relative;
		lefT: auto;
		right: auto;
		top: auto;
		bottom: auto;
		text-align: left;
	}
	
	#logo{
		position: relative;
		lefT: auto;
		right: auto;
		top: auto;
		bottom: auto;
		text-align: center;
		margin-bottom: 15px;
	}
	
	#menuwrap{
		margin-top: 20px;
		margin-bottom: 20px;
		display: block;
	}
	
	#topmenu{
		width: 100%;
	}
	
	#topmenu .lv-0{
		justify-content: space-around;
		background-color: #004654
	}
	
	#topmenu .nav-item-home{
		display: none !important;
	}
	
	#mainmenu .lv-0{
		justify-content: space-around;
		width: 100%;
	}
	
	#topmenu{
		padding-top: 10px;
	}
	
	#mainmenu{
		padding-bottom: 20px;
	}
	
	#mainmenu .lv-0 > .nav-item{
		display: block;
	}
	
	#mainmenu .submenu{
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		box-shadow: none;
		
		display: none;
		padding: 10px 0;
	}
	
	#mainmenu .submenu .maxwidth{
		padding: 0px;
	}
	
	#mainmenu .submenu .title,
	#mainmenu .rightside{
		display: none;
	}
	
	#mainmenu .submenu .leftside{
		width: 100%;
		display: block;
		padding: 0px;
	}
	
	#mainmenu .submenu .inner{
		width: 100%;
		display: block;
	}
	
	#mainmenu .submenu .nav-item{
		padding-left: 20px;
		margin-bottom: 10px;
	}
	
	#mainmenu .submenu .nav-item > a{
		font-size: 16px;
		line-height: 24px;
	}
	
	#mainmenu .lv-0,
	#mainmenu .lv-0 > li{
		display: block;
	}
	
	#mainmenu .lv-0 > .nav-item > a{
		display: block;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#mainmenu .lv-0 > .nav-item.parent > a::after{
		position: absolute;
		right: 10px;
		top: 10px;
	}
	
	#mainmenu li > a > br{
		display: none;
	}
	
	.navbar-toggler{
		background-color: #ffffff;
		border-radius: 4px;
		width: 37px;
		display: flex;
		flex-direction: column;
		padding: 8px;
		margin-right: 20px;
		text-align: center;
		margin-left: auto;
	}
	
	.navbar-toggler .icon-bar{
		width: 18px;
		height: 3px;
		background-color: #004654;
		margin: 0px 0px 3px 0px;
		display: inline;
	}
	
	.navbar-toggler .icon-bar:last-child{
		margin-bottom: 0px;
	}
	
	.quotewrap .quote{
		font-size: 22px;
		line-height: 30px;
	}
	
	.imagewrap > .inner,
	.imagewrap > .inner > .description{
		display: block;
	}
	
	#intro-section.intro-highlights .mainheadline,
	#intro-section.intro-entega-nah-dran .mainheadline,
	#intro-section.bg-auftakt .mainheadline{
		margin-top: 20px;
	}
	
	#intro-section.bg-intro-ganz-nah .headwrap{
		margin-left: 0;
	}
	
	#intro-section > .inner,
	#intro-section.bg-intro-ganz-nah > .inner{
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;
		display: block;
	}
	
	#intro-section .image svg{
		width: auto !important;
		height: 100px !important;
	}
	
	#intro-section .mainheadline{
		display: block;
	}
	
	#intro-section .mainheadline.star{
		display: inline-block;
	}
	
	#home-statistik,
	div[id$="-content"]{
		padding-top: 40px !important;
		padding-bottom: 60px !important;
	}
	
	#home-statistik .row > div{
		margin-bottom: 20px;
	}
	
	#home-content{
		padding-bottom: 40px;
	}
	
	div[id$="-content"] .mainheadline,
	div[id$="-content"] .mainheadline span,
	#intro-section .mainheadline,
	#intro-section .topic .mainheadline,
	#intro-section .topic .subheadline{
		font-size: 40px !important;
		line-height: 50px !important;
	}
	
	#intro-section.intro-highlights .mainheadline{
		font-size: 90px !important;
		line-height: 90px !important;
	}
	
	#intro-section.intro-entega-nah-dran .mainheadline{
		font-size: 50px !important;
		line-height: 60px !important;
	}
	
	#intro-section.intro-entega-nah-dran .subheadline{
		font-size: 60px !important;
		line-height: 70px !important;
	}
	
	#lagebericht-content .mainheadline{
		margin-bottom: 40px;
	}
	
	#home-downloads .download-link{
		padding: 22px 22px 22px 100px;
		max-width: 425px;
		font-size: 20px;
	}
	
	div[id$="-content"] .subheadline{
		margin-bottom: 40px !important;
	}
	
	div[id$="-content"] .subheadline br ~ br{
		display: none;
	}
	
	#intro-section .intro-box{
		display: block;
		margin: 20px 0px;
		width: 100%;
		max-width: none;
	}
	
	.bg-intro{
		min-height: 0px;
	}
	
	#highlights-intro .mainheadline,
	#highlights-intro .subheadline{
		font-size: 68px !important;
		line-height: 78px !important;
	}
	
	#highlights-intro .mainheadline span::after{
		background-size: 40px auto;
		top: 10px;
	}
	
	#intro-section.bg-secondary{
		text-align: center;
	}
	
	#intro-section.bg-secondary > .inner{
		display: inline-block;
		margin: 0 auto;
		text-align: left;
	}
	
	#corporate-content .mainheadline br{
		display: none;
	}
	
	#corporate-content .mainheadline{
		margin-bottom: 40px;
		padding-top: 0px;
	}
	
	#archiv-content .download-item{
		flex: 1 0 33%;
	}
	
	.mainheadline span{
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	
	body.site-stille-heimat #intro-section{
		background-size: 1289px auto;
	}
	
	.category.empty{
		display: none;
	}
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px){
	
	#motto-2020 div:nth-child(2){
		font-size: 88px;
		line-height: 88px;
	}
	
	#motto-2020 div:nth-child(1){
		font-size: 20px;
		line-height: 20px;
	}
	
	#motto-2020 div:nth-child(3){
		font-size: 70px;
		line-height: 70px;
	}
	
	#motto-2020 div:nth-child(4){
		font-size: 37px;
		line-height: 37px;
	}
	
	#home-statistik .wirtschaftliche-daten-zusatz > .inner > div{
		margin-right: auto !important;
		margin-left: auto;
	}
	
	#home-statistik .wirtschaftliche-daten .value{
		font-size: 50px;
		line-height: 60px;
	}
	
	#home-downloads .download-link{
		margin-left: auto;
		margin-right: auto;
		padding: 10px 10px 10px 80px;
		margin-bottom: 20px;
	}
	
	#home-downloads .download-link::after{
		font-size: 24px;
		top: 22px;
	}
	
	#intro-section.bg-secondary .image svg{
		height: 75px !important;
	}
	
	div[id$="-content"] .mainheadline,
	div[id$="-content"] .mainheadline span{
		font-size: 34px !important;
		line-height: 44px !important;
	}
	
	#intro-section.intro-entega-nah-dran .mainheadline{
		font-size: 40px !important;
		line-height: 50px !important;
	}
	
	#intro-section.intro-entega-nah-dran .subheadline{
		font-size: 50px !important;
		line-height: 60px !important;
	}
	
	#intro-section .topic .mainheadline,
	#intro-section .topic .subheadline{
		font-size: 42px !important;
		line-height: 52px !important;
	}
	
	#footer{
		padding: 20px 15px 100px 15px;
	}
	
	.site-archiv #footer,
	.site-datenschutz #footer,
	.site-rechtliches #footer,
	.site-impressum #footer{
		padding-bottom: 20px !important;
	}
	
	#footer .leftside{
		margin-bottom: 10px;
	}
	
	#footer .leftside,
	#footer .rightside{
		display: block;
		text-align: center;
		margin: 0px;
	}
	
	#footer .leftside a,
	#footer .leftside span{
		margin-bottom: 10px;
	}
	
	#footer .social-media-button:first-child{
		margin-left: 0px;
	}
	
	#archiv-content .download-item{
		flex: 1 0 50%;
	}
	
	.quoterow{
		display: block;
	}
	
	.quoterow > div{
		width: 100%;
		padding: 0px;
	}
	
	.imagerow{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.imagerow img,
	.imagerow .quote{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	#modal-datenschutz .modal-dialog .modal-content{
		padding: 10px;
	}
	
	#modal-datenschutz .headline{
		font-size: 22px !important;
		line-height: 28px !important;
	}
	
	#modal-datenschutz p{
		font-size: 12px !important;
		line-height: 15px !important;
		margin-bottom: 10px;
	}
	
	#modal-datenschutz .actions a
	#modal-datenschutz .actions .btn{
		font-size: 14px;
		line-height: 20px;
		padding: 4px 10px;
	}
	
	#modal-datenschutz .accordion-head,
	#modal-datenschutz .accordion-content{
		padding: 12px;
	}
	
	#modal-datenschutz .tablewrap{
		overflow-x: auto;
	}
	
	#modal-datenschutz table{
		overflow: scroll;
		min-width: 768px;
	}
	
	#minipages .paper{
		padding: 80px 30px 30px 30px;
		margin: 0px 20px 30px 20px;
	}
	
	#minipages .paper::after{
		border-left: 25px solid #ffffff;
		border-bottom: 25px solid #ffffff;
		border-right: 25px solid #fed57b;
		border-top: 25px solid #fed57b;
	}
}

@media (max-width: 620px){
	#home-statistik .wirtschaftliche-daten-zusatz > .inner{
		flex-wrap: wrap;
	}
	
	#home-statistik .wirtschaftliche-daten-zusatz > .inner > div{
		width: 50%;
		text-align: center !important;
		margin-bottom: 30px;
	}
	
	#home-statistik .wirtschaftliche-daten-zusatz .stat{
		margin: 0 auto;
		text-align: left;
	}
	
	#home-statistik .wirtschaftliche-daten-zusatz{
		margin-bottom: 0px;
	}
	
	#modal-datenschutz .actions{
		flex-direction: column;
	}
	
	#modal-datenschutz .actions > *{
		margin: 0px 0px 10px 0px !important;
	}
	
	#modal-datenschutz .actions > *:last-child{
		margin-bottom: 0px
	}
	
	#logo svg{
		width: 100px;
		height: 100px;
	}
	
	#intro-section .image{
		margin-bottom: 40px;
	}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px){
	
	#topmenu .lv-0{
		display: block;
	}
	
	#topmenu .lv-0 > .nav-item,
	#topmenu .lv-0 > .nav-item > a,
	#topmenu .lv-0 > .nav-item > span{
		display: block;
		width: 100%;
	}
	
	div[id$="-content"] .quotewrap,
	div[id$="-content"] .imagewrap{
		margin: 0px 0px 20px 0px !important;
	}
	
	#minipages .paper::after{
		display: none;
	}
	
	#minipages .paper{
		padding: 75px 20px 50px 20px;
	}
	
	#intro-section > .inner{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#intro-section .image svg{
		height: 70px !important;
	}
	
	#home-statistik .statset{
		margin-bottom: 0px;
	}
	
	#home-statistik .statset > .inner{
		display: block;
		margin-right: 0px;
	}
	
	#home-statistik .statwrap{
		margin: 0px 0px 40px 0px !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	#home-statistik .stat{
		margin: 0 auto !important;
	}
	
	#home-statistik .leftside,
	#home-statistik .rightside{
		margin: 0px !important;
	}
	
	#home-statistik .leftside,
	#home-statistik .rightside{
		display: block !important;
	}
	
	#home-statistik .statset .headline{
		text-align: center;
	}
	
	#home-statistik .netze,
	#home-statistik .statset .inner{
		display: block;
	}
	
	#home-statistik .netze .top{
		border-bottom: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	div[id$="-content"] .mainheadline,
	div[id$="-content"] .mainheadline span{
		font-size: 30px !important;
		line-height: 40px !important;
	}
	
	#intro-section .topic .mainheadline,
	#intro-section .topic .subheadline{
		font-size: 38px !important;
		line-height: 48px !important;
	}
	
	#intro-section.intro-entega-nah-dran .mainheadline{
		font-size: 34px !important;
		line-height: 40px !important;
	}
	
	#intro-section.intro-entega-nah-dran .subheadline{
		font-size: 40px !important;
		line-height: 50px !important;
	}
	
	div[id$="-content"] .mainheadline{
		padding: 30px 0px 40px 0px !important;
	}
	
	div[id$="-content"] .mainheadline::before{
		height: 6px !important;
	}
	
	div[id$="-content"] .subheadline{
		padding: 20px 20px;
	}
	
	#intro-section .topic .subheadline span::after{
		width: 40px;
		height: 40px;
		background-size: contain;
	}
	
	#footer .leftside,
	#footer .rightside{
		display: flex;
		flex-direction: column;
	}
	
	#footer .leftside{
		margin-bottom: 20px;
	}
	
	#footer .leftside a,
	#footer .leftside span,
	#footer .rightside a,
	#footer .rightside span{
		margin: 0px 0px 15px 0px;
	}
	
	#vorwort-content .mainheadline{
		padding-bottom: 10px !important;
	}
	
	#archiv-content .download-item{
		flex: 1 0 100%;
	}
	
	#archiv-content .empty{
		display: none;
	}
	
	.modal-dialog{
		padding: 15px !important;
	}
	
	.modal-title{
		font-size: 20px !important;
		margin-top: 0px !important;
		line-height: 26px !important;
	}
	
	.modal p{
		font-size: 14px !important;
		line-height: 20px !important;
	}
	
	.datenschutzcheckboxes{
		margin-bottom: 10px;
	}
	
	#modal-datenschutz{
		padding: 10px;
	}
	
	
	#intro-section.bg-intro-menschen .topic .subheadline span::after{
		right: -50px;
	}
}