
/* TODO

FÜR BÜRGERSERVICE 2.0

- Header-Slider in Hinsicht auf luebeck.de zuweisbar machen (die Liste ist hard coded)

FÜR ALLE SEIEN:

- schließen icon auf allen seiten ersetzen
- bug fix für versteckte suche (main.js) auf allen seiten ergänzen:

// reset desktop navigation

if($a_toggle_search.hasClass('expanded'))
{
$a_toggle_search.trigger('click'); // closes the search menu
}

*/

/* BEGIN Gutachten Download */

#gutachten_download
{
	margin: 1.25rem 0; /* 20/16 0 */
	padding: 0.75rem 2rem 1rem 3rem; /* 12/16 32/16 16/16 48/16 */
	background: #f2f2f2;
}
#gutachten_download .gutachten_checkbox
{
	float: left;
	margin: 0.375rem 0 0 -1.625rem; /* 6/16 0 0 -26/16 */
}

/* END Gutachten Download */

/* BEGIN Inhaltscontainer (Kundenänderungswünsche) */

main .content
{
	padding-bottom: 50px;
}
.background_wrapper.gray .content
{
	padding-top: 30px;
}

/* END Inhaltscontainer (Kundenänderungswünsche) */

/* BEGIN iframe template */
body.iframe-content div[class|="ov-menu"] {
	display: none;
}
body.iframe-content #maincontent.left {
	margin: 0;
	width: 100%;
}
body.iframe-content #content > .content {
	padding: 0;
}

/* Neue Farben (JL | ab 17.11.2020) */

header .top
{
	height: 115px;
	background: #fff;
	border-bottom: solid 15px #d40f14;
}
@media (max-width: 1209px)
{
	header .top
	{
		height: 115px;
	}
}
@media (max-width: 784px)
{
	header .top
	{
		height: 95px;
		border-bottom-width: 10px;
	}
}

header .top .content .left,
header .top .content .right
{
	color: #000;
}
header .top .content .left .logo
{
	width: 260px;
	height: auto;
	background: transparent;
	/* background: red; */
}
header .top .content .left .section
{
	height: auto;
}
header .top .content .left .section i.fa,
header .top .content .left .section .title
{
	color: #000;
}
header .top .content .left .section .title
{
	font-weight: normal;
	line-height: 25px;
}
header .top .content .left .section .title:hover,
header .top .content .left .section .title:focus
{
	/* color: #d40f14; */
	/* outline: none; */
}

header .top .content .right img
{
	/* background: red; */
}

/* Administrationsseiten > Top-Balken > Readspeaker-Icon (23.07.2019, JL) */

.administration header .top .content .right > .readspeaker
{

}
.administration header .top .content .right > .readspeaker,
.administration header .top .content .right > .readspeaker + .separator
{
	display: none;
}

@media (max-width: 1209px)
{
	/* Administrationsseiten > Top-Balken > Readspeaker-Icon */

	.administration header .top .content .right > .readspeaker
	{
		display: inline-block;
		visibility: hidden;
	}
}


/* BEGIN Header image */

main .content .header_image
{
	margin-bottom: 2rem; /* 32/16 */
}

@media (max-width: 592px)
{
	main .content .header_image
	{
		margin-top: 2rem; /* 32/16 */
		margin-bottom: 1.25rem; /* 20/16 */
	}
}

/* END Header image */

/* BEGIN Custom Logo */

.custom-logo-wrapper
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;

	margin-top: 0.5rem; /* 8/16 */
}

.custom-logo-headlines
{
	-webkit-flex-grow: 1;
	flex-grow: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
}
.custom-logo-headlines > *
{
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
}

.custom-logo
{
	-webkit-flex: 0 0 150px;
	flex: 0 0 150px;
	padding-left: 20px;
}
.custom-logo img
{
	display: block;
}

.custom-logo-wrapper + .header_image,
main .content .custom-logo-wrapper + .header_image
{
	margin-top: 1.75rem; /* 28/16 */
}

@media (max-width: 592px)
{
	.custom-logo
	{
		-webkit-flex: 0 0 100px;
		flex: 0 0 100px;
	}
}

/* END Custom Logo */

/* BEGIN LÜBECK SILHOUETTE */

/* Neu seit 10.04.2019, JL */

header .top
{
	background-size: auto 100%;
}

/* END LÜBECK SILHOUETTE */

/* BEGIN Captcha */

.row-submit {
	flex-direction: column;
}

div.captcha {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}

.captcha p {
	order: 1;
	width: 100%;
	text-align: left;
}

.captcha #captcha_id {
	order: 4;
	margin-left: 20px;
}

.captcha a {
	padding-left: 0;
	padding-right: 0;
	order: 5;
	margin-top: 7px;
	margin-left: 10px;
}

.captcha label {
	order: 2;
	width: 100%;
	margin-bottom: .3rem;
	text-align: left;
}

.captcha #form_sicherheitscode {
	order: 3;
	width: 50%;
	margin-left: 0;
}

form .row.captcha-row
{
	background: #fff;
	padding: 0.5em 1em;
}

form .row.captcha-row div.captcha,
form .row.captcha-row div.captcha p#captcha-desc
{
	display: inline;
}

form .row.captcha-row div.captcha #form_sicherheitscode
{
	width: 20%;
}

@media (max-width: 784px)
{
	.captcha #form_sicherheitscode {
		width: 100%;
	}

	.captcha #captcha_id {
		order: 4;
		margin-left: 0;
	}
}

/* END Captcha */

/* BEGIN WAHLRAUMFINDER */

/* Neu seit 11.03.2019, JL */

.steps
{
	display: -webkit-flex;
	display: flex;
	height: 80px;
	background: #fff;
}
.steps .step
{
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	margin-top: 20px;
	background: #eaeaea;
	border-left: solid 1px #fff;

	/* align-content: center; */
	justify-content: center;
	align-items: center;
	display: flex;
}
.steps .step:first-child
{
	border-left: none;
}
.steps .active
{
	margin-top: 0;
	background: #f2f2f2;
}
.step-content
{
	opacity: 0.4;
	font-size: 1.5rem; /* 24/16 */
}
.active .step-content
{
	opacity: 1.0;
	font-size: 1.75rem; /* 28/16 */
}
.step-content span
{
	display: none;
}
.step-content span:first-child
{
	display: inline;
}

main .content-polling-place-locator,
.background_wrapper .content-polling-place-locator,
.background_wrapper.gray .content-polling-place-locator
{
	padding-top: 20px;
	padding-bottom: 10px;
}
.content-polling-place-locator h2
{
	/* font-weight: 800 !important; */
	font-weight: bold !important;
}
.content-polling-place-locator .note
{
	margin-bottom: 1.3333em; /* 24/18 */
	font-size: 1.125rem; /* 18/16 */
}
.content-polling-place-locator h2 + .note,
.content-polling-place-locator h2 + form .note
{
	margin-top: -0.5556em; /* -10/18 */
}

/* Ergänzung der Formular-Styles */

.background_wrapper.gray .messages
{
	background: #fff;
}
button
{
	padding: 0.6em 0.9em; /* 12/20 18/20 */
	border: none;
	font-size: 1.25rem; /* 20/16 */
	line-height: normal;
	font-family: 'Open Sans', Arial, sans-serif;
}
button[type=reset]
{
	background: #eaeaea;
	color: #000;
	font-weight: normal;
}
button[type=submit]
{
	background: #d40f14;
	color: #fff;
	font-weight: bold;
}
*[disabled="disabled"]
{
	opacity: 0.5;
	cursor: default;
}

form .row-submit button
{
	margin: 0 0 0.625rem 0.375rem; /* 0 0 10/16 6/16 */
}
.form-contact .row-submit button
{
	margin: 0 0 0 1rem; /* 0 0 0 16/16 */
}
.form-contact .row-submit > .column-left,
.form-contact .row-submit > div:first-child:not(:last-child)
{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.form-contact .row-submit > .column-left button:first-child,
.form-contact .row-submit > .column-left input:first-child,
.form-contact .row-submit > div:first-child:not(:last-child) button:first-child,
.form-contact .row-submit > div:first-child:not(:last-child) input:first-child
{
	margin-left: 0;
}
.form-contact .row-submit button .fa
{
	position: relative;
	top: 0.0417em; /* 1/24 */
	font-size: 1.2em; /* 24/20 */
}
.form-contact .row-submit button span + .fa,
.form-contact .row-submit button .fa + span
{
	margin-left: 0.1667em; /* 4/24 */
}

.search-term strong
{
	color: #000;
}
.form-polling-place-locator .row-radio-head
{
	display: -webkit-flex;
	display: flex;
	padding: 0.75em 0 0.625em 0; /* 12/16 0 10/16 0 */
}
.form-polling-place-locator .row-radio-head div
{
	padding-right: 16px;
	font-weight: bold;
}
.form-polling-place-locator .row-radio-head .street
{
	-webkit-flex: 0 0 40%;
	flex: 0 0 40%;
	padding-left: 32px;
}

.form-polling-place-locator .row-radio
{
	position: relative;
}
.form-polling-place-locator .row-radio input
{
	position: absolute;
	top: 12px;
	left: 10px;
}
.form-polling-place-locator .row-radio label
{
	display: -webkit-flex;
	display: flex;
	margin: 0 0 1px 0;
	padding: 6px 0;
	background: #eaeaea;
}
.form-polling-place-locator .row-radio label:hover,
.form-polling-place-locator .row-radio input:focus + label
{
	background: #fff;
}
.form-polling-place-locator .row-radio label > span
{
	padding-right: 16px;
}
.form-polling-place-locator .row-radio label .street
{
	-webkit-flex: 0 0 40%;
	flex: 0 0 40%;
	padding-left: 32px;
}
.form-polling-place-locator .row-radio label span strong
{
	display: none;
}

.form-polling-place-locator .information-wrapper
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap-reverse;
	flex-flow: row wrap-reverse;
	margin: 2.5rem -12px; /* 40/16 -12 */
}
.form-polling-place-locator .information-wrapper > div
{
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	padding: 0 12px;
}
.form-polling-place-locator .iframe
{
	position: relative;
	height: 0;
	padding-bottom: 80%;
}
.form-polling-place-locator .iframe iframe,
.form-polling-place-locator .iframe embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none !important;
}
.form-polling-place-locator .map-link
{
	margin: 0.5em 0; /* 7/14 0 */
	font-size: 0.875rem; /* 14/16 */
}

.form-polling-place-locator .information-wrapper table.daten tr > td:first-child,
.form-polling-place-locator .information-wrapper table.daten tr > th:first-child
{
	padding-left: 0;
}

/* Styles for the captcha */

.row-submit {
	flex-direction: column;
}

div.captcha {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}

.captcha p {
	order: 1;
	width: 100%;
	text-align: left;
}

.captcha #captcha_id {
	order: 4;
	margin-left: 20px;
}

.captcha a {
	padding-left: 0;
	padding-right: 0;
	order: 5;
	margin-top: 7px;
	margin-left: 10px;
}

.captcha label {
	order: 2;
	width: 100%;
	margin-bottom: .3rem;
	text-align: left;
}

.captcha #form_sicherheitscode {
	order: 3;
	width: 50%;
	margin-left: 0;
}

@media (max-width: 784px)
{
	form.form-polling-place-locator .row-submit,
	form.form-polling-place-locator .row-submit > div
	{
		display: -webkit-flex;
		display: flex;
	}
	form.form-polling-place-locator .row-submit > div
	{
		-webkit-flex: 1 1 100%;
		flex: 1 1 100%;
	}
	.form-polling-place-locator .row-submit button,
	.form-polling-place-locator .row-submit input
	{
		font-size: 0.9375rem; /* 15/16 */
	}

	.captcha #form_sicherheitscode {
		width: 100%;
	}

	.captcha #captcha_id {
		order: 4;
		margin-left: 0;
	}
}

@media (max-width: 592px)
{
	.steps
	{
		height: 60px;
	}
	.steps .step
	{
		margin-top: 15px;
	}
	.steps .active
	{
		margin-top: 0;
	}
	.step-content
	{
		font-size: 0.875rem; /* 14/16 */
	}
	.active .step-content
	{
		font-size: 1.125rem; /* 18/16 */
	}

	.content-polling-place-locator .note
	{
		font-size: 0.9375rem; /* 15/16 */
	}
	.content-polling-place-locator h2 + .note,
	.content-polling-place-locator h2 + form .note
	{
		margin-top: -0.4em; /* -6/15 */
	}

	.search-term
	{
		font-size: 0.9375rem; /* 15/16 */
	}

	.form-polling-place-locator .row-radio-head
	{
		display: none;
	}

	.form-polling-place-locator .row-radio
	{
		position: relative;
	}
	.form-polling-place-locator .row-radio input
	{
		top: 14px;
	}
	.form-polling-place-locator .row-radio label
	{
		display: block;
		padding: 8px 0;
		font-size: 0.9375rem; /* 15/16 */
	}
	.form-polling-place-locator .row-radio label .street,
	.form-polling-place-locator .row-radio label .street-number
	{
		display: block;
		padding-bottom: 0.4em; /* 6/15 */
		padding-left: 32px;
	}
	.form-polling-place-locator .row-radio label span strong
	{
		display: block;
		margin-bottom: 0.3333em; /* 3/15 */
		color: #000;
	}

	.form-polling-place-locator .information-wrapper
	{
		margin-top: 0;
	}
}

@media (max-width: 400px)
{
	.step-content span:first-child
	{
		display: none;
	}
	.step-content span:last-child
	{
		display: inline;
	}

	.form-polling-place-locator .iframe
	{
		padding-bottom: 100%;
	}
}

/* END WAHLRAUMFINDER */

/* EINSCHUB FIXED HEADER Z-INDEX (neu seit 12.11.2018) */

@media (min-width: 1209px)
{
	.fixed-header header .mainnavigation_search_wrapper
	{
		z-index: 1000;
	}
}

/* BEGIN ANZEIGEN */

/* neu seit 28.09.2018 */

.content + .content-anzeigen
{
	margin-top: -40px;
	padding-top: 0;
}
.content-anzeigen .teasers li
{
	margin-top: 0;
}
.content-anzeigen .note
{
	padding: 0.4545em 0; /* 5/11 0 */
	background: #fff;
	color: #121212;
	font-weight: normal;
	font-size: 0.6875em; /* 11/16 */
	line-height: 1.6364; /* 18/11 */
	text-transform: uppercase;
}
.background_wrapper.gray .content-anzeigen .note
{
	background: #f2f2f2;
}

@media (max-width: 657px)
{
	.content-anzeigen .note
	{
		padding-right: 20px;
		padding-left: 20px;
		background: #f2f2f2;
	}
	.content-anzeigen .teasers li:first-child .note
	{
		background: #fff;
	}
	.background_wrapper.gray .content-anzeigen .note
	{
		background: #fff;
	}
	.background_wrapper.gray .content-anzeigen .teasers li:first-child .note
	{
		background: #f2f2f2;
	}
}

@media (max-width: 592px)
{
	.content + .content-anzeigen
	{
		margin-top: -20px;
	}
}

/* vor 28.09.2018 */

.anzeigen {
	position: relative;
	margin: 3.5em 0 2.5em 0;
	/* 56/16 0 40/16 0 */
	padding: 1.75em 25px 1.5em 25px;
	/* 28/16 25 24/16 25 */
	background: #F2F2F2;
}
.anzeigen a {
	display: inline-block;
}
.anzeigen a[target=_blank] {
	padding-right: 1.375em;
	/* 22/16 */
}
.anzeigen a[target=_blank]:after,
.anzeigen a[target=_blank]::after {
	content: '\f08e';
	/* fa-external-link */
	display: inline-block;
	width: 1.375em;
	/* 22/16 */
	margin-right: -1.375em;
	/* -22/16 */
	font-family: FontAwesome;
	text-align: right;
}
.anzeigen h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 !important;
	padding: 0.4545em 0.9091em;
	/* 5/11 10/11 */
	color: #121212;
	font-weight: normal !important;
	font-size: 0.6875em !important;
	/* 11/16 */
	line-height: 1.6364 !important;
	/* 18/11 */
	text-transform: uppercase;
}
.anzeigen h2 .info-icon {
	float: right;
	margin-right: -0.1111em !important;
	/* -2/18 */
	color: #121212;
	font-size: 1.6364em;
	/* 18/11 */
	line-height: 1;
	/* 18/18 */
}
.anzeigen h2 .info-icon[target=_blank] {
	padding-right: 0 !important;
}
.anzeigen h2 .info-icon[target=_blank]:after,
.anzeigen h2 .info-icon[target=_blank]::after {
	content: '' !important;
}
.anzeigen h2 .fa {
	font-size: 1em;
	/* 18/18 */
	line-height: 1;
	/* 18/18 */
}
.anzeigen ul {
	margin: 0 0 -0.5em -1.25em;
	/* 0 0 -8/16 -20/16 */
	list-style-type: none;
}
.anzeigen li {
	display: inline-block;
	margin: 0 -0.25em 0.5em 0;
	/* 0 -4/16 8/16 0 */
	padding: 0.1875em 1.25em;
	/* 3/16 20/16 */
	border-right: solid 1px #E4E4E4;
}
@media (max-width: 400px) {
	.anzeigen {
		margin: 2em 0 0 0;
		/* 32/16 0 0 0 */
		padding-top: 2.125em;
		/* 34/16 */
		padding-bottom: 1.875em;
		/* 30/16 */
	}
	.anzeigen ul {
		margin: 0;
	}
	.anzeigen li {
		display: block;
		margin: 0;
		padding: 0.75em 0.625em 0.8125em 0;
		/* 12/16 10/16 13/16 0 */
		border-right: none;
		border-bottom: solid 1px #E4E4E4;
	}
}
.background_wrapper.gray .content .anzeigen {
	background: #fff;
}
.background_wrapper.gray .content .anzeigen:after,
.background_wrapper.gray .content .anzeigen::after {
	content: '';
	display: block;
	height: 1.25em;
	/* 20/16 */
	margin: 1.5em -25px -1.5em -25px;
	/* 24/16 -25 -24/16 -25 */
	background: #F2F2F2 url(../images/layout/border_bottom.png) repeat-x left bottom;
}
@media (max-width: 400px) {
	.background_wrapper.gray .content .anzeigen:after,
	.background_wrapper.gray .content .anzeigen::after {
		margin-bottom: -1.875em;
		/* -30/16 */
	}
}
@media (min-width: 1209px) {
	.right .anzeigen {
		margin: 2.5em 0 0 0;
		/* 40/16 0 0 0 */
		padding-top: 2.125em;
		/* 34/16 */
		padding-bottom: 1.875em;
		/* 30/16 */
	}
	.right .anzeigen ul {
		margin: 0;
	}
	.right .anzeigen li {
		display: block;
		margin: 0;
		padding: 0.75em 0.625em 0.8125em 0;
		/* 12/16 10/16 13/16 0 */
		border-right: none;
		border-bottom: solid 1px #E4E4E4;
	}
}
@media (max-width: 400px) {
	.right .anzeigen {
		margin: 2em 0;
		/* 32/16 0 */
	}
}
.anzeige {
	background: #8d949d;
}
.anzeige .content_wrapper,
.anzeige .label {
	background: #8d949d;
}
.anzeige h3,
.anzeige p {
	color: #fff;
}
main ul.teasers .anzeige .text_wrapper p,
main ul.teasers_wide .anzeige .text_wrapper p {
	color: #fff;
}
main ul.teasers_wide .anzeige a:hover h3,
main ul.teasers_wide .anzeige a:focus h3,
main ul.teasers .anzeige a:hover h3,
main ul.teasers .anzeige a:focus h3 {
	color: #fff;
}
main ul.teasers .anzeige a .image_wrapper .label,
main ul.teasers_wide .anzeige a .image_wrapper .label {
	background: #8d949d;
}

/* END ANZEIGEN */

/* Inhalte */

button
{
	font-family: 'Open Sans', Arial, Tahoma, sans-serif;
}

.table-wrapper,
.scroll-horizontal
{
	display: block;
	width: 100%;
	overflow-x: auto;
}
.lvw-table
{
	margin: 0;
}
.imagemap,
main .content .imagemap
{
	display: block;
	max-width: none;
}

.map-navigation-wrapper
{
	overflow: hidden;
}
.sozialbezirke
{
	margin: 2rem 0 2.25rem 0; /* 32/16 0 36/16 0 */
}
.sozialbezirke .border
{
	display: inline-block;
	margin-bottom: -0.375rem; /* -6/16 */
	padding: 3.75rem; /* 60/16 */
	background: #f2f2f2;
}

.inpage-navigation
{
	margin: 2rem 0 2.25rem 0; /* 32/16 0 36/16 0 */
	padding: 0;
	list-style-type: none;
}
.inpage-navigation li
{
	position: relative;
	margin: 0;
}
.inpage-navigation li:after,
.inpage-navigation li::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 10rem; /* 160/16 */
	border-top: solid 1px #e4e4e4;
}
.inpage-navigation li:first-child:after,
.inpage-navigation li:first-child::after
{
	display: none;
}
.inpage-navigation a
{
	position: relative;
	display: inline-block;
	padding: 0.75rem 1.25rem; /* 12/16 20/16 */
	color: #121212;
	text-decoration: none;
	outline: none;
}
.inpage-navigation a:hover,
.inpage-navigation a:focus
{
	color: #d40f14;
}
.inpage-navigation .active a
{
	font-weight: bold; /* 800 */
}
.inpage-navigation a:before,
.inpage-navigation a::before
{
	content: '\f105'; /* fa-angle-right */
	float: left;
	width: 1.25rem; /* 20/16 */
	margin: 0.125rem 0 0 -1.25rem; /* 2/16 0 0 -20/16 */
	padding-left: 0.0625rem; /* 1/16 */
	color: #000;
	font-size: 1.375rem; /* 22/16 */
	line-height: 1;
	font-family: FontAwesome;
}
@media (max-width: 592px)
{
	.inpage-navigation a:before,
	.inpage-navigation a::before
	{
		margin-top: 0.1875rem; /* 3/16 */
		font-size: 1.125rem; /* 18/16 */
	}
}
@media (min-width: 720px)
{
	.map-navigation-wrapper > *
	{
		float: left;
	}
	.map-navigation-wrapper > * + *
	{
		margin-left: 2.5rem; /* 40/16 */
	}
}

.columns h1
{
	padding-right: 0;
}
main .columns p
{
	word-wrap: break-word;
	overflow-wrap: break-word;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
}
main .content div.left li a[target=_blank],
main .content div.column li a[target=_blank],
main .content div.columns li a[target=_blank]
{
	display: inline;
}

main .content div.columns > *:not(div):first-child
{
	margin-top: 0; /* prevent inline-block elements from having unexpected margin-top in a multi-column (CSS) setting */
}

.infokasten
{
	padding-top: 1.375rem; /* 22/16 */
	padding-bottom: 1.625rem; /* 26/16 */
	background: #f2f2f2;
	border: solid 1px #f2f2f2;
}
.background_wrapper.gray .infokasten
{
	background: #fff;
	border-color: #ced4da;
}
.infokasten > *:last-child
{
	margin-bottom: 0;
}
.infokasten ul:last-child
{
	margin-bottom: 0;
}
/*.infokasten h2,
main .content .columns .infokasten h2,
main .content .column .infokasten h2,*/
.infokasten h3:not(.expandable-trigger)
{
	margin: 1em 0 0.7273em 0; /* 22/22 0 16/22 0 */
	font-weight: bold; /* 800 */
	font-size: 1.375rem; /* 22/16 */
	line-height: 1.4545; /* 32/22 */
}
.multiple-inputs .col.infokasten
{
	display: flex;
	margin-top: 0;
	margin-bottom: 0;
	align-items: center;
}
.multiple-inputs .col.infokasten input[type=checkbox]
{
	margin: 0 0.5em 0 0;
}

.rsbtn
{
	margin: 1.25rem 0; /* 20/16 0 */
}

main .content a[target=_blank]:not(.external)
{
	display: inline-block;
	margin-right: 0.125em;
	padding-right: 1.375em;
}
main .content a[target=_blank]:not(.external):after,
main .content a[target=_blank]:not(.external)::after
{
	content: '\f08e';
	display: inline-block;
	width: 1.375em;
	margin-right: -1.375em;
	font-family: FontAwesome;
	text-align: right;
}

/* Framework */

main .content div.left,
main .content div.right
{
	display: block; /* was floating inline-block .. interfered with .table-wrapper */
}

/* Rechte Spalte */

.right > *:first-child
{
	margin-top: 0 !important;
}
.right > *:last-child
{
	margin-bottom: 0 !important;
}
#categorynavigation,
main .content div.right ul#categorynavigation
{
	margin-bottom: 3rem; /* 48/16 */
}
.behoerdennummer
{
	overflow: hidden;
	margin-bottom: 3rem; /* 48/16 */
}
.lvw-collapsible + .behoerdennummer
{
	margin-top: 3rem; /* 48/16 */
}
.behoerdennummer > *:first-child
{
	margin-top: 0;
}
.behoerdennummer img,
main .content .behoerdennummer img
{
	display: block;
	width: 100%;
	max-width: 280px;
	margin-bottom: 1.75rem; /* 28/16 */
}

/* Header > Logo */

header .top .content .left .logo
{
	background-image: none;
}
header .top .content .left .logo .print
{
	display: none;
}

@media (min-width: 1209px)
{
	header .top .content .left .logo img
	{
		/* margin-top: 27px; */
	}
}

/* Header > Icon-Navigation */

.icon-navigation
{
	position: fixed;
	z-index: 2;
	right: 0;
	top: 272px;
	transition: top 400ms;
}
.icon-navigation.position-top
{
	top: 192px; /* 80 */
}
.icon-navigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.icon-navigation li
{
	margin: 0 0 1px 0;
	padding: 0;
}
.icon-navigation a
{
	display: block;
	text-align: right;

	text-decoration: none;
}
.icon-navigation span
{
	display: inline-block;
	margin: 0.0714em 1.4286em 0 0; /* 1/14 20/14 0 0 */
	padding: 0.2143em 0.7143em; /* 3/14 10/14 0 0 */
	background: #f2f2f2;
	color: #000;
	vertical-align: middle;

	font-size: 0;
}
.icon-navigation a:after,
.icon-navigation a::after
{
	content: '';
	display: inline-block;
	width: 3.4375rem; /* 55/16 */
	height: 3.4375rem; /* 55/16 */
	background-color: #d40f14;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	vertical-align: middle;
}
.icon-navigation a:hover:after,
.icon-navigation a:hover::after,
.icon-navigation a:focus:after,
.icon-navigation a:focus::after
{
	background-color: #000;
}
.icon-navigation a:hover span,
.icon-navigation a:focus span
{
	font-size: 0.875rem; /* 14/16 */
}
.icon-navigation .icon-suche a:after,
.icon-navigation .icon-suche a::after
{
	background-image: url(../images/layout/icon-navigation/icon-navigation-suche-2x.png);
}
.icon-navigation .icon-suche.active a:after,
.icon-navigation .icon-suche.active a::after
{
	background-image: url(../images/layout/icon-navigation/icon-navigation-suche-schliessen-2x.png);
}
.icon-navigation .icon-behoerdennummer a:after,
.icon-navigation .icon-behoerdennummer a::after
{
	background-image: url(../images/layout/icon-navigation/icon-navigation-behoerdennummer-2x.png);
}
.icon-navigation .icon-kontaktformular a:after,
.icon-navigation .icon-kontaktformular a::after
{
	background-image: url(../images/layout/icon-navigation/icon-navigation-kontaktformular-2x.png);
}
.icon-navigation .icon-online-terminvergabe a:after,
.icon-navigation .icon-online-terminvergabe a::after
{
	background-image: url(../images/layout/icon-navigation/icon-navigation-online-terminvergabe-2x.png);
}
.icon-navigation .icon-unterkuenfte a:after,
.icon-navigation .icon-unterkuenfte a::after
{
	background-image: url(../images/layout/icon-navigation/icon-navigation-unterkuenfte-2x.png);
}

/* Header > Slider (Startseite) */

.slick-slider.slick-dotted
{
	margin-bottom: 0;
}
.slick-slider .slick-slide
{
	outline: none;
}
.slick-loading .slick-list
{
	background: #fff; /* overwriting ajax-loader.gif from slick-theme.css */
}

.header-slider .parallax-mirror
{
	position: absolute !important;
	z-index: -1 !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
.header-slider .parallax-mirror .parallax-slider
{
	/* left: 0 !important; */
	left: 50% !important;
	-ms-transform: translate(-50%, 0) !important;
	-webkit-transform: translate(-50%, 0) !important;
	transform: translate(-50%, 0) !important;
}

.header-slider .parallax_image .background_wrapper
{
	background: rgba(29, 11, 11, 0.5);
}
.header-slider .parallax_image .content .text_wrapper
{
	max-width: 740px;
	bottom: 50% !important;
	-ms-transform: translate(0, 55%);
	-webkit-transform: translate(0, 55%);
	transform: translate(0, 55%);
	margin-right: 25px;

	font-size: inherit;
	line-height: inherit;
}
.header-slider .parallax_image .content .text_wrapper > *:first-child
{
	margin-top: 0;
}
.header-slider .parallax_image .content .text_wrapper > *:last-child
{
	margin-bottom: 0;
}
.header-slider h2
{
	margin: 0.5em 0 0.4em 0; /* 30/60 0 24/60 0 */
	font-weight: bold; /* 800 */
	font-size: 3.75rem; /* 60/16 */
	line-height: 1; /* 60/60 */
}
.header-slider p
{
	margin: 1em 0 1.5em 0; /* 20/20 0 30/20 0 */
	font-weight: bold;
	font-size: 1.25rem; /* 20/16 */
	line-height: 1.5; /* 30/20 */
}
.header-slider .button
{
	display: inline-block;
	padding: 0.875em 1.25em; /* 14/16 20/16 */
	background: #d40f14;
	color: #fff;
	font-size: 1rem; /* 16/16 */
	line-height: 1.375; /* 22/16 */
	text-shadow: none;
	text-decoration: none;
}
.header-slider .button:after,
.header-slider .button::after
{
	content: '\f105'; /* fa-angle-right */
	padding-left: 0.75em; /* 12/16 */
	font-family: FontAwesome;
}

/* Header > Slider (Startseite) > Navigationselemente */

.slick-arrow
{
	z-index: 1;
	width: auto;
	height: auto;
	padding: 1.25rem 1.25rem 1.75rem 1.25rem; /* 20/16 20/16 28/16 20/16 */
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.slick-prev
{
	left: 0;
	padding-right: 1.5rem; /* 24/16 */
}
.slick-next
{
	right: 0;
	padding-left: 1.5rem; /* 24/16 */
}
.slick-arrow:before,
.slick-arrow::before
{
	opacity: 1;
	font-size: 7.5rem; /* 120/16 */
	line-height: 1; /* 120/120 */
	font-family: FontAwesome;
}
.slick-prev:before,
.slick-prev::before
{
	content: '\f104'; /* fa-angle-left */
}
.slick-next:before,
.slick-next::before
{
	content: '\f105'; /* fa-angle-right */
}

.slick-dots
{
	top: auto;
	bottom: 0;
	padding-bottom: 1.75rem; /* 28/16 */
}
.slick-dots li
{
	width: auto;
	height: auto;
	margin: 0 0.5rem; /* 0 8/16 */
}
.slick-dots li button
{
	width: 1.25rem; /* 20/16 */
	height: 1.25rem; /* 20/16 */
	background: transparent;
	border: solid 2px #fff;
	border-radius: 50%;
}
.slick-dots .slick-active button
{
	background: #fff;
}
.slick-dots li button:before,
.slick-dots li button::before
{
	display: none;
}

@media (max-width: 1400px)
{
	/* Header > Slider (Startseite) > Navigationselemente */

	.slick-arrow
	{
		display: none !important;
	}
}

@media (max-width: 784px)
{
	/* Header > Slider (Startseite) */

	.header-slider h2
	{
		font-size: 2.8125rem; /* 45/16 */
		line-height: 1.1111; /* 50/45 */
	}
}

@media (max-width: 592px)
{
	/* Header > Slider (Startseite) */

	.header-slider .parallax_image
	{
		height: 300px;
	}
	.header-slider .parallax_image .content .text_wrapper
	{
		-webkit-transform: translate(0, 50%);
		-ms-transform: translate(0, 50%);
		transform: translate(0, 50%);
	}
	.header-slider h2
	{
		margin: 1em 0 0.5333em 0; /* 30/30 0 16/30 0 */
		font-size: 1.875rem; /* 30/16 */
		line-height: 1.2; /* 36/30 */
	}
	.header-slider p
	{
		display: none;
		margin: 1em 0 1.25em 0; /* 16/16 0 20/16 0 */
		font-size: 1rem; /* 16/16 */
		line-height: 1.5; /* 24/16 */
	}
	.header-slider .button
	{
		padding: 0.5em 1em; /* 7/14 14/14 */
		font-size: 0.875rem; /* 14/16 */
		line-height: 1.5; /* 21/16 */
	}

	/* Header > Slider (Startseite) > Navigationselemente */

	.slick-slider.slick-dotted
	{
		margin-bottom: 2.25rem; /* 36/16 */
	}
	.header-slider.slick-slider.slick-dotted
	{
		margin-bottom: 3.5rem; /* 56/16 */
	}
	.slick-dots
	{
		top: 100%;
		bottom: auto;
		padding-top: 0.625rem; /* 10/16 */
		padding-bottom: 0;
	}
	.slick-dots li
	{
		width: auto;
		height: auto;
		margin: 0 0.5rem; /* 0 8/16 */
	}
	.slick-dots li button
	{
		border-color: #000;
	}
	.slick-dots .slick-active button
	{
		background: #000;
	}
}

/* Teaser-Listen (Focus für IE10) */

.teasers a
{
	display: block !important;
}

/* Allgemeine ein-/ausklappbare Elemente */

.expandable-wrapper,
.expandable-trigger,
.expandable-content
{
	overflow: hidden;
}
.expandable-wrapper
{
	margin: 1.25rem 0; /* 20/16 0 */
	padding-bottom: 1rem; /* 16/16 */
	border-top: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
}
.expandable-wrapper + .expandable-wrapper
{
	margin-top: -1.25rem; /* -20/16 0 */
	border-top: none;
}
.expandable-wrapper:last-of-type
{
	padding-bottom: 0;
	margin-bottom: 0.625rem !important;
}
.expandable-trigger
{
	position: relative;
	margin: 0.875rem 0 0 0; /* 14/16 0 0 0 */
	padding: 1rem 2.25rem 1rem 0; /* 16/16 36/16 16/16 0 */
	cursor: pointer;
}
.expandable-trigger a
{
	color: inherit;
	text-decoration: none;
}
.expandable-trigger:hover,
.expandable-trigger:hover a
{
	color: #d40f14;
}
.infokasten.bg-primary .expandable-trigger:hover,
.infokasten.bg-info-inverted .expandable-trigger:hover,
.infokasten.bg-warning .expandable-trigger:hover,
.infokasten.bg-primary .expandable-trigger:hover a,
.infokasten.bg-info-inverted .expandable-trigger:hover a,
.infokasten.bg-warning .expandable-trigger:hover a
{
	color: #000000 !important;
}

.expandable-wrapper .expandable-trigger:after,
.expandable-wrapper .expandable-trigger::after
{
	content: '\f106'; /* fa-angle-up */

	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 0.03125em; /* 1/32 */
	font-size: 1.4545em; /* 32/22 */
	line-height: 1; /* 32/32 */
	font-family: FontAwesome;
}
.expandable-wrapper-collapsed .expandable-trigger:after,
.expandable-wrapper-collapsed .expandable-trigger::after
{
	content: '\f107'; /* fa-angle-down */
}

/* BEGIN Erweiterung allgemeiner ein-/ausklappbarer Elemente */

.expandable-wrapper .expandable-wrapper,
.expandable-wrapper.compact
{
	border: none;
}
.expandable-wrapper .expandable-wrapper + .expandable-wrapper,
.expandable-wrapper.compact + .expandable-wrapper
{
	margin-top: -3rem; /* -48/16 */
}
.expandable-wrapper .expandable-wrapper .expandable-trigger,
.expandable-wrapper.compact .expandable-trigger
{
	padding: 0.75em 3.75rem 0.8125em 1.25rem; /* 12/16 60/16 13/16 20/16 */
	background: #f2f2f2;

	font-size: 1rem; /* 16/16 */
}
.expandable-wrapper .expandable-wrapper .expandable-trigger:after,
.expandable-wrapper .expandable-wrapper .expandable-trigger-trigger::after,
.expandable-wrapper.compact .expandable-trigger:after,
.expandable-wrapper.compact .expandable-trigger-trigger::after
{
	right: 1.25rem; /* 20/16 */
}
.expandable-wrapper .expandable-wrapper .expandable-content,
.expandable-wrapper.compact .expandable-content
{
	padding-right: 1.25rem; /* 20/16 */
	padding-left: 1.25rem; /* 20/16 */
	border: solid 1px #f2f2f2;
}
@media (max-width: 592px)
{
	.expandable-wrapper .expandable-wrapper .expandable-trigger,
	.expandable-wrapper.compact .expandable-trigger
	{
		font-size: 0.9375rem; /* 15/16 */
	}
}

/* infokasten > compact expandables */

.infokasten .expandable-wrapper .expandable-wrapper,
.infokasten .expandable-wrapper.compact
{
	margin: 1.25rem 0;
}
.infokasten .expandable-wrapper .expandable-wrapper + .expandable-wrapper,
.infokasten .expandable-wrapper.compact + .expandable-wrapper
{
	margin-top: -3rem;
}

.expandable-wrapper.compact .expandable-trigger,
.infokasten .expandable-wrapper.compact.bg-white .expandable-trigger
{
	background-color: #ffffff;
}
.infokasten .expandable-wrapper .expandable-wrapper .expandable-trigger,
.infokasten .expandable-wrapper.compact .expandable-trigger
{
	margin-bottom: 0;
	background-color: rgba(255,255,255,0.1);
	/*background-color: transparent;*/
}
.expandable-wrapper.compact .expandable-content,
.infokasten .expandable-wrapper.compact.bg-white .expandable-content
{
	border-color: #ffffff;
}
.infokasten .expandable-wrapper .expandable-wrapper .expandable-content,
.infokasten .expandable-wrapper.compact .expandable-content
{
	border-color: transparent;
}

/* END Erweiterung allgemeiner ein-/ausklappbarer Elemente */

/* ANLIEGEN */

h1.lvw-headline
{
	margin: 0.6316em 0 0.7368em 0;
	/* color: #d40f14; */
	color: #000;
	font-size: 2.375rem;
	line-height: 1.1579;
	font-weight: bold; /* 800 */
}
.lvw-link-container .lvw-link
{
	font-size: 1rem;
}

/* Anliegen > Detailseiten */

.block_wrapper,
.block_headline,
.block_content
{
	overflow: hidden;
}
.block_wrapper
{
	padding-bottom: 1rem; /* 16/16 */
	border-bottom: solid 1px #e4e4e4;
}
.lvw-headline + .block_wrapper
{
	margin-top: -1.75rem; /* -28/16 */
}
.block_headline
{
	position: relative;
	margin: 0.875rem 0 0 0; /* 14/16 0 0 0 */
	padding: 1rem 2.25rem 1rem 0; /* 16/16 36/16 16/16 0 */
}
.block_headline a
{
	color: inherit;
	text-decoration: none;
}
.block_wrapper_inactive .block_headline a
{
	outline: none;
	cursor: text;
}
.block_wrapper:not(.block_wrapper_inactive) .block_headline:hover,
.block_wrapper:not(.block_wrapper_inactive) .block_headline:hover a
{
	color: #d40f14;
}
.block_wrapper:not(.block_wrapper_inactive) .block_headline
{
	cursor: pointer;
}
.block_wrapper:not(.block_wrapper_inactive) .block_headline:after,
.block_wrapper:not(.block_wrapper_inactive) .block_headline::after
{
	content: '\f106'; /* fa-angle-up */

	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2rem; /* 32/16 */
	line-height: 1; /* 32/32 */
	font-family: FontAwesome;
}
.block_wrapper_hidden:not(.block_wrapper_inactive) .block_headline:after,
.block_wrapper_hidden:not(.block_wrapper_inactive) .block_headline::after
{
	content: '\f107'; /* fa-angle-down */
}

/* Anliegen > Detailseiten > Regionale Hinweise */

.regionaleHinweise
{
	margin: 16px 0;
	padding: 22px 26px 30px 26px;
	background: #d40f14;
	border-color: rgba(255, 255, 255, 0.5);
	color: #fff;
}
.regionaleHinweise *
{
	border-color: inherit !important;
	color: inherit !important;
}
.regionaleHinweise > *:first-child
{
	margin-top: 0;
}
.regionaleHinweise_headline
{
	margin: 1em 0 0.8182em 0; /* 22/22 0 18/22 0 */
	font-size: 1.375rem; /* 22/16 */
	line-height: 1.4545; /* 32/22 */
	font-weight: bold; /* 800 */
}
.regionaleHinweise .regionaleHinweise_content > *:last-child
{
	margin-bottom: 0;
}
.regionaleHinweise table,
.regionaleHinweise tbody,
.regionaleHinweise thead,
.regionaleHinweise tr,
.regionaleHinweise td,
.regionaleHinweise th
{
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Anliegen > Detailseiten > Rechte Spalte */

.right .lvw-headline
{
	margin: 1em 0 0.8182em 0; /* 22/22 0 18/22 0 */
	font-size: 1.375rem; /* 22/16 */
	line-height: 1.4545; /* 32/22 */
}
.right .lvw-collapsible
{
	position: relative;
	overflow: hidden;
	margin-bottom: -1px;
	padding: 0 0.75rem 0 0; /* 0 12/16 0 0 */
	border-top: solid 1px #e4e4e4;
}
.right .lvw-collapsible-content
{
	overflow: hidden;
}
.right .lvw-collapsible-toggle
{
	position: relative;
	margin: 0;
	padding: 1.125rem 2.5rem 1.125rem 0; /* 18/16 40/16 18/16 0 */
	border-bottom: solid 1px #e4e4e4;
	font-size: 1rem; /* 16/16 */
	line-height: 1.1875; /* 19/16 */
	cursor: pointer;
}
.right .lvw-collapsible-toggle a
{
	color: inherit;
	text-decoration: none;
}
.right .lvw-collapsible-toggle:hover,
.right .lvw-collapsible-toggle:hover a
{
	color: #d40f14;
}
.right .lvw-collapsible .lvw-collapsible-toggle
{
	margin-right: -0.75rem; /* -12/16 */
}
.right .lvw-collapsible-toggle:after,
.right .lvw-collapsible-toggle::after
{
	content: '\f106'; /* fa-angle-up */

	position: absolute;
	right: 0.75rem; /* 12/16 */
	top: 50%;
	display: block;
	margin-top: -0.125rem; /* -2/16 */
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 1.5rem; /* 24/16 */
	line-height: 1; /* 24/24 */
	font-family: FontAwesome;
}
.right .lvw-collapsible-hidden .lvw-collapsible-toggle:after,
.right .lvw-collapsible-hidden .lvw-collapsible-toggle::after
{
	content: '\f107'; /* fa-angle-down */
}
.right .lvw-collapsible-toggle .lvw-fachnummer
{
	display: none;
}

.right .lvw-collapsible .details:last-child > *:last-child
{
	margin-bottom: 0;
}
.right .lvw-collapsible h4,
.right .lvw-collapsible p
{
	margin: 0.5rem 0; /* 8/16 0 */
	font-size: 1rem; /* 16/16 */
	line-height: 1.5; /* 24/16 */
}
.right .lvw-collapsible h4
{
	margin-top: 1.125rem; /* 18/16 */
	font-weight: bold;
	color: #000000;
}
.right .lvw-collapsible .more-link
{
	margin: 0;
	padding: 1rem 0 1.25rem 0; /* 16/16 0 20/16 0 */
}
.right .lvw-collapsible .more-link a
{
	font-weight: bold;
}


/* Anliegen > Detailseiten > Rechte Spalte > Formulare */

.right .lvw-list-formulare
{
	margin: 0.625rem 0; /* 10/16 0 */
	border: none;
}
.right .lvw-list-formulare li
{
	border-color: #f2f2f2;
}
.right .lvw-list-formulare li:last-child
{
	border: none;
}
.right .lvw-list-formulare li a
{
	padding-left: 1.75rem; /* 28/16 */
}

/* Anliegen > Detailseiten > Rechte Spalte > Details */

.right .details
{
	overflow: hidden;
}
.right .details:last-child
{
	margin-bottom: 1rem; /* 16/16 */
}
.right .details-content
{
	overflow: hidden;
}
.right .details-content > *:first-child
{
	margin-top: 0;
}
.right .details-content > *:last-child
{
	margin-bottom: 0;
}

.right .details-collapsible .details-collapsible-toggle
{
	position: relative;
	padding-right: 1rem; /* 16/16 */
	cursor: pointer;
}
.right .details-collapsible .details-collapsible-toggle a
{
	color: inherit;
	text-decoration: none;
}
.right .details-collapsible .details-collapsible-toggle:hover,
.right .details-collapsible .details-collapsible-toggle:hover a
{
	color: #d40f14;
}
.right .details-collapsible .details-collapsible-toggle:after,
.right .details-collapsible .details-collapsible-toggle::after
{
	content: '\f106'; /* fa-angle-up */

	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	width: 1rem; /* 16/16 */
	margin-top: -0.0625rem; /* -1/16 */
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 1.125rem; /* 18/16 */
	line-height: 1.3333; /* 24/18 */
	font-family: FontAwesome;
	text-align: center;
}
.right .details-collapsible-hidden .details-collapsible-toggle:after,
.right .details-collapsible-hidden .details-collapsible-toggle::after
{
	content: '\f107'; /* fa-angle-down */
}

/* Anbieter > Übersicht */

.lvw-headline-fachbereich,
main .content div.left .lvw-headline-fachbereich,
main .content div.column .lvw-headline-fachbereich,
main .content div.columns .lvw-headline-fachbereich
{
	margin: 1em 0 0.8182em 0; /* 22/22 0 18/22 0 */
	font-size: 1.375rem; /* 22/16 */
	line-height: 1.4545; /* 32/22 */
	font-weight: bold; /* 800 */
}
main .content div.left .lvw-headline-fachbereich:first-of-type,
main .content div.column .lvw-headline-fachbereich:first-of-type,
main .content div.columns .lvw-headline-fachbereich:first-of-type
{
	margin-top: 2em; /* 44/22 */
}

/* Anbieter > Detailseiten */

.lvw-adresse
{
	font-weight: bold;
}
.lvw-adresse + .table-wrapper,
.lvw-adresse + .table-table
{
	margin-top: -1px;
}
main .content div.left .lvw-headline-anbieter-kontakt,
.lvw-headline-anbieter-anliegen-uebersicht,
main .content div.left .lvw-headline-anbieter-anliegen-uebersicht,
main .content div.column .lvw-headline-anbieter-anliegen-uebersicht,
main .content div.columns .lvw-headline-anbieter-anliegen-uebersicht
{
	margin: 2em 0 0.8182em 0; /* 44/22 0 18/22 0 */
	font-size: 1.375rem; /* 22/16 */
	line-height: 1.4545; /* 32/22 */
	font-weight: bold; /* 800 */
}

/* Abteilung Anbieter-Übersicht */

.lvw-headline-abteilung-anbieter,
main .content div.left .lvw-headline-abteilung-anbieter,
main .content div.column .lvw-headline-abteilung-anbieter,
main .content div.columns .lvw-headline-abteilung-anbieter
{
	margin: 2em 0 0.8182em 0; /* 44/22 0 18/22 0 */
	font-size: 1.375rem; /* 22/16 */
	line-height: 1.4545; /* 32/22 */
	font-weight: bold; /* 800 */
}

/* Lebenslagen > Übersicht */

h2 + .lvw-list-lebenslagen,
h2 + .lvw-list-lsite-lebenslagen
{
	/* margin-top: 28px; */
}
main .content div.left h1.lvw-headline + h2.lvw-headline-lebenslagen,
main .content div.column h1.lvw-headline + h2.lvw-headline-lebenslagen,
main .content div.columns h1.lvw-headline + h2.lvw-headline-lebenslagen
{
	margin-top: 2rem; /* 32/16 */
}

/* Umbruchpunkte */

@media (max-width: 1209px) /* 1226px mqgenie.. */
{
	/* Framework > Rechte Spalte */

	main .content div.right
	{
		margin-top: 3rem; /* 48/16 */
	}

	/* Framework > Suche im Inhalt */

	main .search_wrapper .form_wrapper p input[type="text"]
	{
		padding-right: 20px;
	}
}

@media (max-width: 575px)
{
	/* Inhalte */

	.lvw-link-container .lvw-link
	{
		font-size: 0.875rem; /* 14/16 */
	}
	.infokasten h2,
	main .content .columns .infokasten h2,
	main .content .column .infokasten h2,
	.infokasten h3
	{
		font-size: 1rem; /* 16/16 */
	}

	/* ANLIEGEN */

	h1.lvw-headline
	{
		font-size: 1.25rem; /* 20/16 */
	}

	/* Anliegen > Detailseiten */

	.lvw-headline + .block_wrapper
	{
		margin-top: -0.625rem; /* -10/16 */
	}
	.block_wrapper:not(.block_wrapper_inactive) .block_headline:after,
	.block_wrapper:not(.block_wrapper_inactive) .block_headline::after
	{
		font-size: 1.25rem; /* 20/16 */
		line-height: 1.15; /* 23/20 */
	}

	/* Anliegen > Detailseiten > Regionale Hinweise */

	.regionaleHinweise_headline
	{
		font-size: 1rem; /* 16/16 */
	}

	/* Anliegen > Detailseiten > Rechte Spalte */

	.right .lvw-headline
	{
		font-size: 1.25rem; /* 20/16 */
	}
	.right .lvw-collapsible-toggle
	{
		line-height: 1.375; /* 22/16 */
	}
	.right .lvw-collapsible-toggle:after,
	.right .lvw-collapsible-toggle::after
	{
		font-size: 1.25rem; /* 20/16 */
		line-height: 1.1; /* 22/20 */
	}
	.right .lvw-collapsible h4,
	.right .lvw-collapsible p
	{
		font-size: 0.875rem; /* 14/16 */
	}

	/* Anliegen > Detailseiten > Rechte Spalte > Details */

	.right .details-collapsible .details-collapsible-toggle:after,
	.right .details-collapsible .details-collapsible-toggle::after
	{
		width: 0.8125rem; /* 13/16 */
	}

	/* Anbieter > Übersicht */

	.lvw-headline-fachbereich,
	main .content div.left .lvw-headline-fachbereich,
	main .content div.column .lvw-headline-fachbereich,
	main .content div.columns .lvw-headline-fachbereich
	{
		font-size: 1rem; /* 16/16 */
	}
	.lvw-headline-fachbereich + .lvw-list
	{
		margin-top: 2.25rem; /* 36/16 */
	}

	/* Anbieter > Detailseiten */

	.lvw-headline-anbieter-anliegen-uebersicht,
	main .content div.left .lvw-headline-anbieter-anliegen-uebersicht,
	main .content div.column .lvw-headline-anbieter-anliegen-uebersicht,
	main .content div.columns .lvw-headline-anbieter-anliegen-uebersicht
	{
		font-size: 1rem; /* 16/16 */
	}
	.lvw-headline-anbieter-anliegen-uebersicht + .lvw-list
	{
		margin-top: 2rem; /* 32/16 */
	}

	/* Abteilung Anbieter-Übersicht */

	.lvw-headline-abteilung-anbieter,
	main .content div.left .lvw-headline-abteilung-anbieter,
	main .content div.column .lvw-headline-abteilung-anbieter,
	main .content div.columns .lvw-headline-abteilung-anbieter
	{
		font-size: 1rem; /* 16/16 */
	}
	.lvw-headline-abteilung-anbieter + .lvw-list
	{
		margin-top: 2rem; /* 32/16 */
	}
}

/* Formulare > Kontaktformular */

.messages
{
	margin-top: 1.75rem; /* 28/16 */
}
.messages h2,
main .content div.left .messages h2,
main .content div.column .messages h2,
main .content div.columns .messages h2
{
	margin: 0 0 0.6667em 0; /* 0 0 12/18 0 */
	color: #000;
	font-size: 1.125rem; /* 18/16 */
	line-height: 1.3889; /* 25/18 */
}

.form-contact h2,
.form-contact h3
{
	/* color: #d40f14; */
	color: #000;
}
.form-contact .row h2,
main .content div.left .form-contact .row h2,
main .content div.column .form-contact .row h2,
main .content div.columns .form-contact .row h2
{
	margin-bottom: 0;
	font-weight: bold; /* 800 */
}
.form-contact label.main
{
	margin-bottom: 0.5rem; /* 8/16 */
}
.form-contact select + select
{
	margin-top: 1.25rem; /* 20/16 */
}

.form-contact .wrapper
{
	display: -webkit-flex;
	display: flex;
	margin: 0 -1.25rem; /* 0 -20/16 */
	margin-bottom: 2.5rem; /* 40/16 */
}
.form-contact .wrapper > .column
{
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	margin-right: 1.25rem; /* 20/16 */
	margin-left: 1.25rem; /* 20/16 */
}

.form-contact .row.multiple-inputs {
	display: -webkit-flex;
	display: flex;
	margin-right: -1.25rem; /* -20/16 */
	margin-left: -1.25rem; /* -20/16 */
	margin-right: -0.625rem; /* -10/16 */
	margin-left: -0.625rem; /* -10/16 */
	/* flex-direction: row; */
}

.form-contact .row.multiple-inputs.center {
	align-items: baseline;
}

.form-contact .row.multiple-inputs .col {
	/* display: -webkit-flex; */
	/* display: flex; */
	/* flex-direction: column; */
	/* width: 50%; */

	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	margin-right: 1.25rem; /* 20/16 */
	margin-left: 1.25rem; /* 20/16 */
	margin-right: 0.625rem; /* 10/16 */
	margin-left: 0.625rem; /* 10/16 */
}

.form-contact .row-answer
{
	margin-top: 3.25rem; /* 52/16 */
	margin-bottom: 1.75rem; /* 28/16 */
}
.form-contact .row-answer label
{
	margin-right: 0.25rem; /* 4/16 */
	margin-left: 0.125rem; /* 2/16 */
}
.form-contact .row-answer label:first-child
{
	margin-right: 0.75rem; /* 12/16 */
	margin-left: 0;
}

@media (max-width: 657px)
{
	.form-contact .row.multiple-inputs {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.form-contact .row.multiple-inputs .col:not(.infokasten) {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.form-contact .row.multiple-inputs .col:last-child {
		margin-top: 1.25rem;
	}
}

.form-contact .row-submit
{
	display: block;
}
.form-contact .row-submit
{
	display: -webkit-flex;
	display: flex;
	margin-top: 2.5rem; /* 40/16 */
	margin-bottom: 2rem; /* 32/16 */
}
.form-contact .row-submit > div
{
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: flex-end; /* center */
	align-items: flex-end; /* center */
}
.form-contact .row-submit > .captcha
{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.form-contact input.text,
.form-contact textarea,
.form-contact select
{
	font-size: 1rem; /* 16/16 */
}
.form-contact input.reset,
.form-contact input.submit
{
	font-size: 1.25rem; /* 20/16 */
}
.form-contact input.reset,
.form-contact input[type="reset"]
{
	/* background: #c6c7c8; */
	background: #87888a;
	color: #fff;
}
.form-contact input.reset:hover,
.form-contact input.reset:focus,
.form-contact input[type="reset"]:hover,
.form-contact input[type="reset"]:focus
{
	background: #4b4f55;
	outline: none;
}
.form-contact input.submit:hover,
.form-contact input.submit:focus,
.form-contact input[type="submit"]:hover,
.form-contact input[type="submit"]:focus
{
	background: #ac0a26;
	outline: none;
}

.form-contact input.text,
.form-contact textarea,
.form-contact select
{
	/* background: #f2f2f2; */
	background: #fff;
}
.form-contact .row-background
{
	background: rgba(255, 255, 255, 0.5);
}

.events-search-wrapper .select2-container .select2-choices
{
	background: #fff !important;
}
.form-contact input.text:hover,
.form-contact input.text:focus,
.form-contact textarea:hover,
.form-contact textarea:focus,
.form-contact select:hover,
.form-contact select:focus
{
	border-color: #c6c7c8;
	outline: none;
}
.events-search-wrapper .select2-container:hover .select2-choices,
.events-search-wrapper .select2-container.select2-container-active .select2-choices
{
	border-color: #c6c7c8;
}
.fake-checkbox input[type="checkbox"] + .checkbox
{
	background-color: #fff;
}
.form-contact input.text,
.form-contact textarea,
.form-contact select,
.form-contact .row-background
{
	padding: 0.625rem 0.875rem; /* 10/16 14/16 */
}
.form-contact .row-background input
{
	margin-right: 0.25rem; /* 4/16 */
}
.form-contact .row-submit input
{
	margin: 0 0 0 1rem; /* 0 0 0 16/16 0 */
}

.form-contact textarea
{
	min-height: 27rem; /* 334/16 */
	resize: vertical;
}
.form-contact .required
{
	margin-right: 0.5rem; /* 8/16 */
}
.form-contact .counter
{
	display: inline-block;
	color: #121212;
	font-size: 0.875rem; /* 14/16 */

	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}


.content .events-search-wrapper
{
	margin-right: 0;
	margin-left: 0;
}
.content .events-search-wrapper .form-events-search
{
	padding: 20px 10px 40px 10px;
}
.content .events-search-wrapper .form-events-search .left,
.content .events-search-wrapper .form-events-search .right
{
	padding-right: 10px;
	padding-left: 10px;
}

/* ALT **************************** */

/* Teaserlisten > Einblendbare Elemente */

.teasers .hidden,
.teasers_wide .hidden
{
	display: none;
}
.show-items-wrapper
{
	margin: 2rem 0; /* 32/16 0 */
	text-align: center;
}
.show-items-wrapper button
{
	-webkit-appearance: none;
	padding: 0.875em 1.25em; /* 14/16 20/16 */
	background: #d40f14;
	border: none;
	border-radius: 0;
	color: #fff;
	font-weight: bold;
	font-size: 1rem; /* 16/16 */
}
.show-items-wrapper button:after,
.show-items-wrapper button::after
{
	content: '\f01e'; /* fa-repeat */
	margin-left: 0.625em; /* 10/16 */
	font-family: FontAwesome;
}

/* Teaser-Listen */

main ul.teasers li a .text_wrapper h3,
main ul.teasers_wide li a .text_wrapper h3,
main ul.teasers li a .text_wrapper p,
main ul.teasers_wide li a .text_wrapper p
{
	word-wrap: normal;
	overflow-wrap: normal;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

main ul.teasers li a:hover h3,
main ul.teasers li a:focus h3,
main ul.teasers_wide li a:hover h3,
main ul.teasers_wide li a:focus h3
{
	color: #d40f14;
	text-decoration: underline;
}
main ul.teasers li a h3:after,
main ul.teasers li a h3::after,
main ul.teasers_wide li a h3:after,
main ul.teasers_wide li a h3::after
{
	content: '\f105'; /* fa-angle-right */
	display: inline-block;
	width: 0.8182em;
	margin-right: -0.8182em;
	font-family: FontAwesome;
	text-align: right;
}

main ul.teasers li a h3.parent:after,
main ul.teasers li a h3.parent::after,
main ul.teasers_wide li a h3.parent:after,
main ul.teasers_wide li a h3.parent::after
{
	content: ' '; /* fa-angle-right */
}
main ul.teasers li a h3.parent,
main ul.teasers li a h3.parent,
main ul.teasers_wide li a h3.parent,
main ul.teasers_wide li a h3.parent
{
	margin-left: 0.8182em;
}
main ul.teasers li a h3.parent:before,
main ul.teasers li a h3.parent::before,
main ul.teasers_wide li a h3.parent:before,
main ul.teasers_wide li a h3.parent::before
{
	content: '\f104'; /* fa-angle-right */
	display: inline-block;
	width: 0.8182em;
	margin-left: -0.8182em;
	font-family: FontAwesome;
	color: #d40f14;
}


main ul.teasers li .external h3
{
	padding-right: 1.3637em; /* 30/22 */
}
main ul.teasers li .external h3:after,
main ul.teasers li .external h3::after,
main ul.teasers_wide li .external h3:after,
main ul.teasers_wide li .external h3::after
{
	content: '\f08e'; /* fa-external-link */
	width: 1.3637em; /* 30/22 */
	margin-right: -1.3637em; /* -30/22 */
}

main ul.teasers li
{
	margin-bottom: 27px; /* 8+19 */
}
.background_wrapper.gray ul.teasers li
{
	margin-bottom: 8px;
}

@media (min-width: 991px)
{
	main ul.teasers_wide
	{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	main ul.teasers_wide li
	{
		display: -webkit-flex;
		display: flex;
	}
	main ul.teasers_wide li .content_wrapper,
	.background_wrapper.gray ul.teasers_wide li .content_wrapper
	{
		display: -webkit-flex;
		display: flex;
		overflow: hidden;
		width: 100%;
		height: auto;
	}
	main ul.teasers_wide li .content_wrapper a,
	.background_wrapper.gray ul.teasers_wide li .content_wrapper a
	{
		display: -webkit-flex;
		display: flex;
	}
	main ul.teasers_wide li a .image_wrapper
	{
		height: auto;
		min-height: 160px;
	}
	main ul.teasers_wide li a .text_wrapper
	{
		padding-right: 30px;
		padding-bottom: 32px;
	}
}

@media (max-width: 1209px)
{
	main ul.teasers_wide li .text_wrapper p
	{
		display: block;
	}
}
@media (max-width: 991px)
{

}

@media (max-width: 784px)
{
	.background_wrapper.gray ul.teasers li
	{
		padding-bottom: 19px;
		background: transparent url(../images/layout/border_bottom.png) repeat-x left bottom;
	}
}

@media (max-width: 640px)
{
	main ul.teasers li,
	.background_wrapper.gray ul.teasers li
	{
		margin: 0;
	}
	.background_wrapper.gray ul.teasers li
	{
		padding-bottom: 0;
		background: transparent;
	}
}

@media (max-width: 480px)
{
	/* Teaser-Listen-Ergänzung (Bilder unter "Das könnte Sie auch interessieren" für Smartphones ausblenden) */

	main > .content:not(.content-anzeigen) .teasers
	{

	}
	main > .content:not(.content-anzeigen) .teasers .text_wrapper
	{
		position: relative;
		display: block;
	}
	main > .content:not(.content-anzeigen) .teasers .text_wrapper:before,
	main > .content:not(.content-anzeigen) .teasers .text_wrapper::before
	{
		content: '';
		position: absolute;
		top: -1px;
		right: 20px;
		left: 20px;
		border-top: solid 1px #fff;
	}
	main > .content:not(.content-anzeigen) .teasers .image_wrapper
	{
		display: none;
	}
}

@media (max-width: 1209px) /* 1226px mqgenie.. */
{
	/* Header > Icon-Navigation */

	.icon-navigation
	{
		display: none;
	}

	/* Header > Hauptnavigation */

	header .top .content .right a.toggle_mobile_nav,
	header .top .content .right a.toggle_mobile_nav.expanded
	{
		width: auto; /* 23px */
		background-position: right center;
	}
	header .top .content .right a.toggle_mobile_nav span
	{
		position: relative;
		right: auto;
		bottom: auto;
		top: -2px;
		padding-right: 38px;
	}
	header .top .content .right a.toggle_mobile_nav.expanded
	{
		margin-right: -8px; /* -11px */
	}
	header .top .content .right a.toggle_mobile_nav.expanded .close
	{
		display: inline-block;
		padding-right: 33px;
	}

	/* Header > Readspeaker-Button */

	header .top .content .right .readspeaker
	{
		margin-right: 15px;
	}
}

@media (max-width: 460px)
{
	/* Header > Hauptnavigation */

	header .top .content .right a.toggle_mobile_nav,
	header .top .content .right a.toggle_mobile_nav.expanded
	{
		width: 23px;
		margin-right: -11px;
		background-position: center center;
	}
	header .top .content .right a.toggle_mobile_nav .open,
	header .top .content .right a.toggle_mobile_nav.expanded .close
	{
		display: none;
	}
}

@media (max-width: 784px)
{
	/* Inhaltsbereich > Kontaktformular */

	.form-contact .wrapper,
	.form-contact .row-submit,
	.form-contact .row-submit > div
	{
		display: block;
	}
	.form-contact .row-submit > .captcha
	{
		margin-bottom: 2.5rem;
	}
	.form-contact .row-submit > div input
	{
		margin-bottom: 1rem;
	}
}

@media (max-width: 397px)
{
	/* Inhaltsbereich > Kontaktformular > Recaptcha-Skalierung */

	.form-contact .g-recaptcha
	{
		-webkit-transform: scale(0.88);
		-ms-transform: scale(0.88);
		transform: scale(0.88);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}

/* Bild-Slider */

.image-slider
{
	overflow: hidden;
	margin: 2.5rem 0 3rem 0; /* 40/16 0 48/16 0 */
}
.image-slider .slick-list
{
	margin: 0 -1.25rem; /* 0 -20/16 */
}
.image-slider .item
{
	margin: 0 1.25rem; /* 0 20/16 */
}

.image-slider
{
	padding-bottom: 4rem; /* 64/16 */
}
.image-slider .slick-arrow
{
	z-index: 1;
	top: auto;
	bottom: 0;
	display: block !important;
	width: auto;
	height: auto;
	margin: 0 0.375rem; /* 0 6/16 */
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.image-slider .slick-prev
{
	left: auto;
	right: 50%;
}
.image-slider .slick-next
{
	right: auto;
	left: 50%;
}
.image-slider .slick-arrow:before,
.image-slider .slick-arrow::before
{
	opacity: 1;
	display: inline-block;
	width: 2.2222em; /* 40/18 */
	height: 2.2222em; /* 40/18 */
	padding-top: 1px;
	background: #d40f14;
	border-radius: 50%;
	font-size: 1.125rem; /* 18/16 */
	line-height: 2.2222; /* 40/18 */
	font-family: FontAwesome;
	text-align: center;
}
.image-slider .slick-arrow:hover:before,
.image-slider .slick-arrow:hover::before,
.image-slider .slick-arrow:focus-visible:before,
.image-slider .slick-arrow:focus-visible::before {
	background-color: #000;
}
.image-slider .slick-prev:before,
.image-slider .slick-prev::before
{
	content: '\f053'; /* fa-chevron-left */
	padding-right: 0.1667em; /* 3/18 */
}
.image-slider .slick-next:before,
.image-slider .slick-next::before
{
	content: '\f054'; /* fa-chevron-right */
	padding-left: 0.1667em; /* 3/18 */
}

/* (JL, 16.07.2021) Bild-Slider-Überarbeitung */

.image-slider
{
	padding-bottom: 6em; /* 80/16 */
}
.image-slider .slick-list
{
	margin: 0 -1.25rem; /* 0 -20/16 */
}
.image-slider .slick-slide
{
	padding: 0 1.25rem; /* 0 20/16 */
}
.image-slider .slick-slide .item
{
	display: block !important;
	margin: 0;
	padding: 0;
}
.image-slider .slick-arrow
{
	padding-right: 0.75rem; /* 12/16 */
	padding-left: 0.75rem; /* 12/16 */
}
.image-slider .slick-arrow:before,
.image-slider .slick-arrow::before
{
	border-radius: 0;
}

.slick-slider,
.slick-slider .slick-list,
.slick-slider .slick-track,
.slick-slider .slick-slide,
.parallax-mirror,
.parallax-mirror .parallax-slider
{
	/* -webkit-backface-visibility: hidden; */
	/* -moz-backface-visibility: hidden; */
	/* -ms-backface-visibility: hidden; */
	/* backface-visibility: hidden; */

	/* -webkit-transform: translate3d(0, 0, 0); */
	/* -moz-transform: translate3d(0, 0, 0); */
	/* -ms-transform: translate3d(0, 0, 0); */
	/* transform: translate3d(0, 0, 0); */

	/* transform: none; */
}
.parallax-mirror,
.parallax-mirror .parallax-slider
{
	/* transition: top 1ms; */
}


/* (neu 26.10.2018) */

/* Bootstrap Styles überschreiben */

html body
{
	-webkit-text-size-adjust: 100%;
	margin: 0;
	font-weight: 400;
	line-height: 1.5;
	font-family: 'Open Sans', Arial, Tahoma, sans-serif;
}
body a[href]
{
	color: #d40f14;
}
body a[href]:hover,
body a[href]:focus
{
	outline: none;
	text-decoration: underline;
}
body a[href]:focus-visible
{
	outline: solid 1px #d40f14;
}

/* Allow linebreaks in mailto-Links for Edge & Chrome */
body a[href^="mailto:"]
{
	overflow-wrap: anywhere;
}

form .row
{
	display: block;
}
form .row.inline > * {
	float: left;
	margin-right: 1rem;
}
form .row.inline > .inline {
	margin-top: 0;
	margin-bottom: 0;
}
form .row.multiple-inputs
{
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
}
form .row.multiple-inputs .col
{
	position: static;
	width: auto;
	max-width: none;
	padding-right: 0;
	padding-left: 0;

	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
}

form label.main
{
	margin-top: 0;
}
form .row label.main + .row
{
	margin-top: 0;
}
form .row .row:last-child
{
	margin-bottom: 0;
}
.messages.error,
.messages.success
{
	background: #f2f2f2;
	border: none;
}

.content h1
{
	margin: 0.6316em 0 0.7368em 0; /* 24/38 0 28/38 0 */
	padding-right: 200px;
	/* color: #d40f14; */
	/* color: #000; */
	font-size: 2.375rem; /* 38/16 */
	line-height: 1.1579; /* 44/38 */
	/* font-weight: 800; */
	font-weight: bold;
}
.content .subheadline
{
	font-size: 2rem; /* 32/16 */
	line-height: 1.25; /* 40/32 */
	font-weight: normal;
}
.content h1 + .subheadline
{
	margin-top: -0.5em; /* -16/32 */
}

main .content div.column h2,
.infokasten h2
{
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: 400;
}

.infokasten h2 strong
{
	font-weight: bold !important;
}

@media (max-width: 784px)
{
	.content h1
	{
		padding-right: 0;
	}
}
@media (max-width: 592px)
{
	/* unify breakpoints */

	h2
	{
		font-size: 1.25rem; /* 20/16 */
	}
	h3
	{
		font-size: 1rem; /* 16/16 */
	}
	p,
	address,
	ol,
	ul,
	table
	{
		font-size: 0.875rem; /* 14/16 */
	}
	main .content div.left h2,
	main .content div.column h2,
	main .content div.columns h2
	{
		font-size: 1.125rem; /* 18/16 */
	}
	.content h1
	{
		font-size: 1.25rem; /* 20/16 */
	}
	.content .subheadline
	{
		font-size: 1.125rem; /* 18/16 */
		line-height: 1.4;
	}
}

.content .form-contact
{
	overflow: hidden;
	padding: 1.25rem;
	background: #f2f2f2;
}

header .top .content .right a.toggle_mobile_nav .close
{
	float: none;
	color: #fff;
	font-weight: bold; /* 800 */
	font-size: 14px;
	text-shadow: none;
	opacity: 1;
}
img.close,
img.close:hover
{
	opacity: 1;
}

header .mainnavigation_search_wrapper > .content_wrapper > .content > ul#mainmenu > li span.border
{
	border: none !important;
}
@media (min-width: 1227px)
{
	header .mainnavigation_search_wrapper > .content_wrapper > .content > ul#mainmenu > li span.border
	{
		border-left: 1px solid #e4e4e4 !important;
	}
}

/* Neue Styles für das Newsletter-Abo-Formular */

#radio_in,
#radio_out,
#radio_agb
{
	width: auto !important;
	margin: -0.25em -0.5em; /* -4/16 -8/16 */
	padding: 0.25em 0.625em !important; /* 4/16 10/16 */

	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;

	color: #121212 !important;
}
#radio_in.radio_success,
#radio_out.radio_warning,
#radio_agb.active
{
	background: #eaeaea !important;
	background: rgba(255, 255, 255, 0.8) !important;
}
#radio_in + label,
#radio_out + label,
#radio_agb + label
{
	margin-left: 0.875em !important; /* 14/16 */
}
@media (max-width: 800px)
{
	#radio_in,
	#radio_out,
	#radio_agb
	{
		display: block !important;
	}
	#radio_in + label,
	#radio_out + label,
	#radio_agb + label
	{
		margin-top: 0.25em; /* 4/16 */
		margin-left: -0.5em !important; /* -8/16 */
	}
}

.row-submit-no-captcha
{
	padding-top: 1.625em; /* 26/16 */
}

/* LOP > Menü */

/* Backup */

div.lop-menu
{
	background: white;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #d40f14;
	color: #d40f14;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
div.lop-menu ul
{
	margin: 0 auto;
	padding: 0;
}
div.lop-menu ul li
{
	background: #EEE;
	position: relative;
	float: left;
	padding: 5px 0px 5px 0px;
	list-style: none;
	border-right: 1px solid #000;
}
div.lop-submenu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFF;
}
div.lop-submenu ul li a
{
	display: block;
	color: #000;
	padding: 8px 25px 5px 25px;
	text-decoration: none;
}
div.lop-submenu ul li a:hover
{
	background-color: #F1F1F1;
	color: #d40f14;
	text-decoration: none;
}
div.lop-menu ul li.last
{
	border:0 !important;
}
div.lop-menu ul li:hover
{
	background: #DDD;
}
div.lop-menu ul li.first
{
	border-left:1px solid #000;
}
div.lop-menu ul li a
{
	color: #000;
	width: 100%;
	height: 100%;
	display: inline-flex;
	padding: 0px 15px 0px 15px;
}
div.lop-menu ul li a:hover
{
	color: #d40f14;
	text-decoration: none;
}

/* Neu */

.lop-menu
{
	position: relative;
	margin: 1.5rem 0 1.25rem 0; /* 24/16 0 20/16 0 */
}
.lop-menu:first-child
{
	margin-top: 0;
}

h1 + .lop-menu
{
	margin-top: 2.5rem; /* 40/16 */
}
.lop-menu .btn .fa
{
	margin-right: 0;
}
.lop-menu .fa + span
{
	margin-left: 0.4375em; /* 7/16 */
}
/*
.lop-menu .btn
{
	background: transparent;
	border: none;
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: none;

	color: #000;
}
.lop-menu .btn:hover,
.lop-menu .btn:focus,
.lop-menu .btn-secondary
{
	background: transparent !important;
	border-color: #e4e4e4 !important;
	color: #d40f14 !important;
}
*/
.lop-menu input + .btn
{
	margin-left: -2.5em; /* 40/16 */
	border-right: none;
	border-left: none;
}
.lop-menu .search-form
{
	margin-left: -0.375rem; /* -6/16 */
}
.lop-menu .user-options
{
	position: absolute;
	top: 0;
	right: 0;
}

#content > .column > .lop-menu .btn-group:first-child .btn:first-child
{
	padding-left: 0;
	border-right: none;
	border-left: none;
}

.lop-overview .lop-menu
{
	display: -webkit-flex;
	display: flex;
	margin: 2rem 0; /* 32/16 0 */
	padding: 25px;
	background: #eaeaea;
}
.lop-overview .lop-menu .btn
{
	font-weight: bold;
	font-size: 1.25rem; /* 20/16 */
}
.lop-overview .lop-menu *:not(.search-form) .btn
{
	padding-right: 0.8em; /* 16/20 */
	padding-left: 0.8em; /* 16/20 */
}
.lop-overview .lop-menu .btn:first-child,
.lop-overview .lop-menu *:not(.search-form) .btn:first-child
{
	padding-left: 0;
	border-left: none;
}
.lop-overview .lop-menu .search-form
{
	-webkit-flex: 1 1 70%;
	flex: 1 1 70%;
	margin: 0;
}
.lop-overview .lop-menu .search-form input
{
	width: 100%;
	padding-right: 2.4em; /* 48/20 */
	/* background: transparent; */
	background: #fff;
	/* border-left: none; */
	border: solid 1px #e4e4e4;
	outline: none;
	font-weight: bold;
	font-size: 1.5rem; /* 24/16 */
	font-size: 1.25rem; /* 20/16 */
}
.lop-overview .lop-menu .search-form input:hover,
.lop-overview .lop-menu .search-form input:focus,
.lop-overview .lop-menu .search-form.focus
{
	background: #fff;
	border-color: #c6c7c8;
}
.lop-overview .lop-menu .search-form input::-webkit-input-placeholder
{
	/* Chrome/Opera/Safari */
	font-weight: normal;
}
.lop-overview .lop-menu .search-form input::-moz-placeholder
{
	/* Firefox 19+ */
	opacity: 1;
	font-weight: normal;
}
.lop-overview .lop-menu .search-form input:-ms-input-placeholder
{
	/* IE 10+ */
	font-weight: normal;
}
.lop-overview .lop-menu .search-form input:-moz-placeholder
{
	/* Firefox 18- */
	opacity: 1;
	font-weight: normal;
}
.lop-overview .lop-menu .search-form .btn
{
	min-width: 2.4em; /* 48/20 */
	margin-left: -2.4em; /* -48/20 */
}

@media (max-width: 880px)
{
	/* LOP > Menü */

	.lop-menu
	{
		/* padding-bottom: 4rem; */ /* 64/16 */
	}
	.lop-menu .search-form
	{
		/* position: absolute; */
		/* bottom: 0; */
		/* left: 0; */
		/* right: 0; */
		/* display: block; */
		/* margin: 0; */
	}
	.lop-menu .search-form input
	{
		/* width: 100%; */
	}
}
@media (max-width: 592px)
{
	/* LOP > Menü */

	.lop-menu
	{
		margin-top: 0.75rem; /* 12/16 */
	}
	h1 + .lop-menu
	{
		margin-top: 1.5rem; /* 24/16 */
	}
	.lop-menu .user-options span
	{
		/* display: none; */
	}

	.lop-menu span
	{
		display: none;
	}

	.lop-overview .lop-menu .btn
	{
		font-size: 1.125rem; /* 24/16 */
	}
	.lop-overview .lop-menu .search-form input
	{
		font-size: 1.125rem; /* 24/16 */
	}
	.lop-overview .lop-menu .search-form .btn
	{
		min-width: 2.3333em; /* 42/18 */
		margin-left: -2.3333em; /* -42/18 */
	}
}

/* LOP > Login */

.messages.signup h2,
main .content div.left .messages.signup h2,
main .content div.column .messages.signup h2,
main .content div.columns .messages.signup h2
{
	margin-bottom: 0.5em; /* 14/28 */
	font-size: 1.75rem; /* 28/16 */
}

@media (max-width: 592px)
{
	/* LOP > Login */

	.messages.signup h2,
	main .content div.left .messages.signup h2,
	main .content div.column .messages.signup h2,
	main .content div.columns .messages.signup h2
	{
		font-size: 1.125rem; /* 18/16 */
	}
}

/* LOP > Übersicht */

.lop-overview
{
	display: -webkit-flex;
	display: flex;
	margin: 0 -1.25rem; /* 0 -20/16 */
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.lop-overview .column
{
	padding: 0 1.25rem; /* 0 20/16 */
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	-ms-flex-preferred-size: calc(100% - 2.5rem);
}
.lop-overview .column-60
{
	-webkit-flex: 0 0 60%;
	flex: 0 0 60%;
	-ms-flex-preferred-size: calc(60% - 2.5rem);
}
.lop-overview .column-40
{
	-webkit-flex: 0 0 40%;
	flex: 0 0 40%;
	-ms-flex-preferred-size: calc(40% - 2.5rem);
}
.lop-overview h2
{
	padding-bottom: 0.625em; /* 20/32 */
	border-bottom: solid 1px #e4e4e4;
}
.lop-overview .column-40 h2:not(:first-child),
main .content div.left .lop-overview .column-40 h2:not(:first-child),
main .content div.column .lop-overview .column-40 h2:not(:first-child),
main .content div.columns .lop-overview .column-40 h2:not(:first-child)
{
	margin-top: 1.25em; /* 40/32 */
}
.lop-overview h3
{
	font-weight: bold;
	font-size: 1.5rem; /* 24/16 */
}
.lop-overview .column-40 h3
{
	margin: 1em 0 0.6667em 0; /* 24/24 0 16/24 0 */
}
.lop-overview .column-40 h2 + h3
{
	margin-top: 1.5em; /* 36/24 */
}
.lop-news-item
{
	padding-top: 0.75em; /* 12/16 */
	border-top: solid 1px #e4e4e4;
}
h2 + .lop-news-item
{
	margin-top: -0.25rem; /* -4/16 */
	padding-top: 0;
	border-top: none;
}
.lop-news-item
{
	overflow: hidden;
}
.lop-news-item-image
{
	float: left; /* right */
	width: 10rem; /* 160/16 */
	height: 10rem; /* 160/16 */
	margin: 0 1rem 0.75rem 0; /* 0 16/16 12/16 0 */
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-size: calc(100% + 2px) auto; /* workaround to hide the black border that is sometimes generated into the image */
}
.lop-news-item h3
{
	margin-top: 0.3077em; /* 8/26 */
	/* font-weight: bold; */
	font-weight: 600;
	font-size: 1.1875rem; /* 19/16 */
	line-height: 1.3684; /* 26/19 */
	color: #000;
}
.lop-news-item-release,
.lop-news-item-event
{
	display: inline-block;
	margin-right: 0.2667em; /* 4/15 */
	color: #d40f14;
	font-size: 0.9375rem; /* 15/16 */
}
.lop-news-item-event a
{
	color: #121212;
}
.lop-news-item-event a:hover,
.lop-news-item-event a:focus
{
	color: #d40f14;
	text-decoration: none;
}
.lop-news-item-headline h3 a
{
	color: #000;
}
.lop-news-item-headline h3 a:hover,
.lop-news-item-headline h3 a:focus
{
	color: #d40f14;
	text-decoration: none;
}
.lop-news-item-headline p,
main .content .lop-news-item-headline p
{
	color: #000;
}
.lop-news-item + .lop-article-event-link
{
	margin-top: 1.25rem; /* 20/16 */
}

@media (max-width: 880px)
{
	/* LOP > Übersicht */

	.lop-overview .column-60,
	.lop-overview .column-40
	{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		-ms-flex-preferred-size: calc(100% - 2.5rem);
	}

	.lop-overview .column-40 h2:first-child,
	main .content div.left .lop-overview .column-40 h2:first-child,
	main .content div.column .lop-overview .column-40 h2:first-child,
	main .content div.columns .lop-overview .column-40 h2:first-child
	{
		margin-top: 1.25em; /* 40/32 */
	}

	h2 + .lop-news-item
	{
		margin-top: 0;
	}
}
@media (max-width: 592px)
{
	/* LOP > Übersicht */

	.lop-overview h2,
	main .content div.left .lop-overview h2,
	main .content div.column .lop-overview h2,
	main .content div.columns .lop-overview h2
	{
		font-size: 1.25rem; /* 20/16 */
	}
	.lop-overview h3
	{
		font-size: 1.125rem; /* 18/16 */
	}
	.lop-news-item-image
	{
		width: 7.5rem; /* 120/16 */
		height: 7.5rem; /* 120/16 */
	}
	.lop-news-item-headline h3
	{
		font-size: 1rem; /* 16/16 */
		line-height: 1.5;
	}
	.lop-news-item-release,
	.lop-news-item-event
	{
		font-size: 0.875rem; /* 14/16 */
	}
}
@media (max-width: 400px)
{
	/* LOP > Übersicht */

	.lop-news-item-image
	{
		display: none;
	}
}

/* LOP > Themen */

.lop-topics
{
	margin: 2rem 0 1.625rem 0; /* 32/16 0 26/16 */
}
.lop-topics h3
{
	margin: 0 0 0.6667em 0; /* 0 0 16/24 0 */
}
.lop-topic
{
	display: inline-block;
	margin: 0 0.0625em 0.375em 0; /* 0 1/16 6/16 0 */
}
.lop-topic a
{
	display: block;
	background: #f2f2f2;
	padding: 0.25em 0.5em; /* 4/16 8/16 */
	color: #000;
}
.lop-topic a:hover,
.lop-topic a:focus
{
	color: #d40f14;
	text-decoration: none;
}
.lop-topic.active a
{
	color: #d40f14;
}

@media (max-width: 592px)
{
	/* LOP > Themen */

	.lop-topic
	{
		font-size: 0.875rem; /* 14/16 */
	}
}

/* LOP > Presse-Termine */

.lop-press-event
{
	overflow: hidden;
	padding: 0.5rem 0 0.5625rem 0; /* 8/16 0 9/16 0 */
	border-top: solid 1px #e4e4e4;
}
h2 + .lop-press-event
{
	padding-top: 0;
	border-top: none;
}
.lop-press-event-release
{
	float: right;
	margin: 0.0667em 0 0.1333em 1.3333em; /* 1/15 0 2/15 20/15 */
	color: #121212;
	font-size: 0.9375rem; /* 15/16 */
}
.lop-press-event-headline
{
	color: #000;
	font-weight: 600;
}
.lop-press-event-headline a
{
	color: #000;
}
.lop-press-event-headline a:hover,
.lop-press-event-headline a:focus
{
	color: #d40f14;
	text-decoration: none;
}

@media (max-width: 592px)
{
	/* LOP > Presse-Termine */

	.lop-press-event-release
	{
		font-size: 0.875rem; /* 14/16 */
	}
}

/* LOP > Artikel zum Thema */

.lop-topic-article
{
	overflow: hidden;
	padding: 0.5rem 0 0.5625rem 0; /* 8/16 0 9/16 0 */
	border-top: solid 1px #e4e4e4;
}
h2 + .lop-topic-article
{
	padding-top: 0;
	border-top: none;
}
.lop-topic-article-release
{
	float: right;
	margin: 0.0667em 0 0.1333em 1.3333em; /* 1/15 0 2/15 20/15 */
	color: #121212;
	font-size: 0.9375rem; /* 15/16 */
}
.lop-topic-article-headline
{
	color: #000;
	font-weight: 600;
}
.lop-topic-article-headline a
{
	color: #000;
}
.lop-topic-article-headline a:hover,
.lop-topic-article-headline a:focus
{
	color: #d40f14;
	text-decoration: none;
}

@media (max-width: 592px)
{
	/* LOP > Artikel zum Thema */

	.lop-topic-article-release
	{
		font-size: 0.875rem; /* 14/16 */
	}
}

/* LOP > Suchergebnisse */

.lop-search-result
{
	overflow: hidden;
}
.lop-search-result > h2
{
	padding-bottom: 0.625em; /* 20/32 */
	border-bottom: solid 1px #e4e4e4;
}

.lop-pagination
{
	margin-top: 2.2222em; /* 40/18 */
	padding-top: 1.7778em; /* 32/18 */
	border-top: solid 1px #e4e4e4;
	font-size: 1.125rem; /* 18/16 */
}
.lop-pagination a,
.lop-pagination span
{
	display: inline-block;
	margin-bottom: 0.2222em; /* 4/18 */
	padding: 0.2222em 0.6667em; /* 4/18 12/18 */
}
.lop-pagination .label
{
	padding-right: 0.4444em; /* 8/18 */
	padding-left: 0;
}
.lop-pagination a
{
	background: #f2f2f2;
	color: #000;
}
.lop-pagination a:hover,
.lop-pagination a:focus
{
	text-decoration: none;
}
.lop-pagination .active
{
	background: #d40f14;
	color: #fff;
}
.lop-pagination .fa
{
	margin-right: 0;
}
.lop-pagination .spacer:before,
.lop-pagination .spacer::before
{
	content: '...';
}

@media (max-width: 592px)
{
	/* LOP > Suchergebnisse */

	.lop-pagination
	{
		font-size: 1rem; /* 16/16 */
	}
}

/* LOP > Artikel-Detailansicht */

.lop-article
{
	overflow: hidden;
}
.lop-article-release
{
	margin: 1.3em 0 1.6em 0; /* 26/20 0 32/20 */
	padding-bottom: 1em; /* 20/20 */
	border-bottom: solid 1px #e4e4e4;
	color: #121212;
	font-size: 1.25rem; /* 20/16 */
}
.lop-article-headline,
main .content div.left .lop-article-headline,
main .content div.column .lop-article-headline,
main .content div.columns .lop-article-headline
{
	/* margin: 0.7222em 0 0.8888em 0; */ /* 26/36 0 32/36 0 */
	/* color: #d40f14; */
	color: #000;
}
.lop-article-subheadline
{
	margin: 1.0833em 0 1.3333em 0; /* 26/24 0 32/24 0 */
	font-size: 1.5rem; /* 24/16 */
	line-height: 1.4167; /* 34/24 */
}
.lop-article-headline + .lop-article-subheadline
{
	margin-top: -0.6667em; /* -16/24 */
}
.lop-article-content
{
	overflow: hidden;
}

.lop-article .image-left,
.lop-article .image-right
{
	display: table;
	width: auto;
	max-width: 60%;
}
.lop-article .image-left
{
	float: left;
	margin: 0 1.5rem 1.5rem 0; /* 0 24/16 24/16 0 */
}
.lop-article .image-right
{
	float: right;
	margin: 0 0 1.5rem 1.5rem; /* 0 0 24/16 24/16 */
}
.lop-article .caption
{
	display: table-caption;
	caption-side: bottom;
	padding: 1rem 1.25rem 1.25rem 1.25rem; /* 16/16 20/16 20/16 20/16 */
	background: #f2f2f2;
}
.lop-article .caption p
{
	margin: 0;
	font-size: 0.875rem; /* 14/16 */
}
.lop-article .caption .description
{
	margin-bottom: 1em; /* 14/14 */
}
.lop-article-event-link.top
{
	margin-bottom: 2.5rem; /* 40/16 */
}
.lop-article-event-link .button
{
	position: relative;
	display: inline-block;
	padding: 0.25em 0.625em 0.25em 1.5em; /* 4/16 10/16 4/16 24/16 */
	background: #d40f14;
	outline: none;
	color: #fff;
	line-height: 1.5; /* 24/16 */
}
.lop-article-event-link .button:hover,
.lop-article-event-link .button:focus
{
	background: #ac0a26;
	text-decoration: none;
}
.lop-article-event-link .button .fa
{
	position: absolute;
	left: 0.625em; /* 10/16 */
	top: 0.5em; /* 8/16 */
}

.lop-article-topics
{
	margin-top: 2.5rem; /* 40/16 */
	padding-top: 1.25rem; /* 20/16 */
	border-top: solid 1px #e4e4e4;
	text-align: right;
}
.lop-article-topics-headline
{
	display: inline-block;
	margin-right: 0.25em; /* 4/16 */
}
.lop-article-topic
{
	margin-right: 0;
	margin-left: 0.0625em; /* 1/16 */
}

@media (max-width: 784px)
{
	/* LOP > Artikel-Detailansicht */

	.lop-article .image-left,
	.lop-article .image-right
	{
		float: none;
		/* display: block; */
		display: -webkit-inline-flex;
		display: inline-flex;
		-webkit-flex-flow: column;
		flex-flow: column;
		width: auto;
		max-width: none;
		margin: 0 0 1.5rem 0; /* 0 0 24/16 0 */
	}
	.lop-article .image-left .caption,
	.lop-article .image-right .caption
	{
		display: block;
	}
}
@media (max-width: 592px)
{
	/* LOP > Artikel-Detailansicht */

	.lop-article-release
	{
		font-size: 1.125rem; /* 18/16 */
		line-height: 1.3333; /* 24/18 */
	}
	.lop-article-headline,
	main .content div.left .lop-article-headline,
	main .content div.column .lop-article-headline,
	main .content div.columns .lop-article-headline
	{
		/* margin-bottom: 1.2em; */ /* 24/20 */
		font-size: 1.25rem; /* 20/16 */
	}
	.lop-article-subheadline
	{
		font-size: 1.125rem; /* 18/16 */
	}
	.lop-article-event-link .button
	{
		font-size: 0.875rem; /* 14/16 */
	}
	.lop-article-topics-headline
	{
		font-size: 0.875rem; /* 14/16 */
	}
}

/* LOP > Veranstaltung */

.lop-event
{
	overflow: hidden;
}
.lop-event-period
{
	margin: 1.3em 0 1.6em 0; /* 26/20 0 32/20 */
	padding-bottom: 1em; /* 20/20 */
	border-bottom: solid 1px #e4e4e4;
	color: #121212;
	font-size: 1.25rem; /* 20/16 */
}
.lop-event-headline,
main .content div.left .lop-event-headline,
main .content div.column .lop-event-headline,
main .content div.columns .lop-event-headline
{
	margin: 0.7222em 0 0.8888em 0; /* 26/36 0 32/36 0 */
	color: #d40f14;
}

.lop-event-article-list-headline
{
	margin: 1.5em 0 0 0;
	padding-bottom: 1em; /* 20/20 */
	border-bottom: solid 1px #e4e4e4;
	font-size: 1.25rem; /* 20/16 */
}
.lop-event-article-list-item
{
	overflow: hidden;
	padding: 0.375rem 0; /* 6/16 0 */
	border-bottom: solid 1px #e4e4e4;
}
.lop-event-article-list-headline + .lop-event-article-list-item
{
	border-bottom: none;
}
.lop-event-article-list-item .release
{
	float: left;
	color: #121212;
}
.lop-event-article-list-item .release + .headline
{
	padding-left: 6.25rem; /* 100/16 */
}
.lop-event-article-list-item .headline a
{
	color: #000;
	font-weight: bold;
}
.lop-event-article-list-item .headline a:hover,
.lop-event-article-list-item .headline a:focus
{
	color: #d40f14;
	text-decoration: none;
}

@media (max-width: 592px)
{
	/* LOP > Veranstaltung */

	.lop-event-period
	{
		font-size: 1.125rem; /* 18/16 */
		line-height: 1.3333; /* 24/18 */
	}
	.lop-event-headline,
	main .content div.left .lop-event-headline,
	main .content div.column .lop-event-headline,
	main .content div.columns .lop-event-headline
	{
		margin-bottom: 1.2em; /* 24/20 */
		font-size: 1.25rem; /* 20/16 */
	}
	.lop-event-article-list-headline
	{
		font-size: 1.125rem; /* 18/16 */
	}
	.lop-event-article-list-item .release,
	.lop-event-article-list-item .headline
	{
		font-size: 0.875rem; /* 14/16 */
	}
}

/* LOP > Archiv */

.lop-archive
{
	overflow: hidden;
}
.lop-archive-months
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	border-top: solid 1px #e4e4e4;
	border-left: solid 1px #e4e4e4;
}
.lop-archive-year,
main .content div.left .lop-archive-year,
main .content div.column .lop-archive-year,
main .content div.columns .lop-archive-year
{
	margin-bottom: 0.625em; /* 20/32 */
}
.lop-archive-month
{
	-webkit-flex: 0 0 16.6666666667%; /* 100/6 */
	flex: 0 0 16.6666666667%; /* 100/6 */

	padding: 1.25rem; /* 20/16 */
	text-align: center;
}
.lop-archive-month
{
	border-right: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
}
.lop-archive-month a
{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;

	margin: -1.25rem; /* -20/16 */
	padding: 1.25rem; /* 20/16 */
}
.lop-archive-month a:hover,
.lop-archive-month a:focus
{
	background: #f2f2f2;
	color: #000;
	text-decoration: none;
}

@media (max-width: 880px)
{
	/* LOP > Archiv */

	.lop-archive-month
	{
		-webkit-flex: 0 0 25%; /* 100/4 */
		flex: 0 0 25%; /* 100/4 */
	}
}
@media (max-width: 592px)
{
	/* LOP > Archiv */

	.lop-archive-year,
	main .content div.left .lop-archive-year,
	main .content div.column .lop-archive-year,
	main .content div.columns .lop-archive-year
	{
		margin-top: 1em; /* 18/18 */
	}
	.lop-archive-month
	{
		-webkit-flex: 0 0 33.3333333333%; /* 100/3 */
		flex: 0 0 33.3333333333%; /* 100/3 */

		font-size: 0.875rem; /* 14/16 */
	}
}
@media (max-width: 400px)
{
	/* LOP > Archiv */

	.lop-archive-month
	{
		-webkit-flex: 0 0 50%; /* 100/2 */
		flex: 0 0 50%; /* 100/2 */
	}
}

/* LOP > Archiv > Artikel-Liste */

.lop-archive-article-list
{
	overflow: hidden;
}
.lop-archive-article-list-item
{
	overflow: hidden;
	padding: 12px 0;
	border-top: solid 1px #e4e4e4;
}
.lop-archive-article-list-item .release
{
	float: left;
	color: #121212;
}
.lop-archive-article-list-item .release + .headline
{
	padding-left: 6.25rem; /* 100/16 */
}
.lop-archive-article-list-item .headline a
{
	color: #000;
	font-weight: bold;
}
.lop-archive-article-list-item .headline a:hover,
.lop-archive-article-list-item .headline a:focus
{
	color: #d40f14;
	text-decoration: none;
}

@media (max-width: 592px)
{
	/* LOP > Archiv > Artikel-Liste */

	.lop-archive-article-list-item .release,
	.lop-archive-article-list-item .headline
	{
		font-size: 0.875rem; /* 14/16 */
	}
}

/* LOP > Meine Daten */

.lop-edit
{
	/* overflow: hidden; */
}
.lop-edit .row
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;

	margin-right: -1.25rem; /* -20/16 */
	margin-left: -1.25rem; /* -20/16 */
}
.lop-edit .row .column
{
	-webkit-flex: 1 1 100%; /* 100/1 */
	flex: 1 1 100%; /* 100/1 */

	margin-right: 1.25rem; /* 20/16 */
	margin-left: 1.25rem; /* 20/16 */
}
.lop-edit .row .column-50
{
	-webkit-flex: 1 1 50%; /* 100/2 */
	flex: 1 1 50%; /* 100/2 */
}
.lop-edit .row .column-33
{
	-webkit-flex: 1 1 33.3333333333%; /* 100/3 */
	flex: 1 1 33.3333333333%; /* 100/3 */
}
.lop-edit .row-background
{
	padding: 0;
	background: transparent;
}
.lop-edit .row-background .column
{
	padding: 0.625rem 0.875rem; /* 10/16 14/10 */
	background: #f2f2f2;
}

.lop-edit h2,
main .content div.left .lop-edit h2,
main .content div.column .lop-edit h2,
main .content div.columns .lop-edit h2
{
	color: #000;
	/* font-weight: 800; */
}
.lop-edit .text[disabled],
.lop-edit textarea[disabled],
.lop-edit select[disabled]
{
	background: #eaeaea;
}

.lop-edit .column.error
{
	background: transparent;
	border: none;
}
.lop-edit .row-background .column.error
{
	background: #fcd7d7;
}
.lop-edit .column.error input.text,
.lop-edit .column.error textarea,
.lop-edit .column.error select
{
	background: #fcd7d7;
	border-color: #d40f14;
}
.lop-edit .column.error label
{
	color: #d40f14;
}
.lop-edit .column.error .toggle.active
{
	background: rgba(255, 255, 255, 0.4);
}

.lop-edit .button
{
	padding: 0.6em 0.9em; /* 12/20 18/20 */
	background: #d40f14;
	border: none;
	color: #fff;
	font-size: 1.25rem; /* 20/16 */
	line-height: normal;
	font-family: 'Open Sans', Arial, sans-serif;
}
.lop-edit .button:hover,
.lop-edit .button:focus
{
	color: #fff;
	text-decoration: none;
}

.lop-edit .toggle
{
	display: inline-block;
	margin: -0.25em -0.5em; /* -4/16 -8/16 */
	padding: 0.25em 0.625em; /* 4/16 10/16 */
	color: #121212;
}
.lop-edit .toggle.active
{
	background: #eaeaea;
	background: rgba(255, 255, 255, 0.8);
}
.lop-edit .toggle + label
{
	margin-left: 0.875em; /* 14/16 */
}

#del_warn
{
	padding: 2.5rem 1.25rem 3rem 1.25rem; /* 40/16 20/16 32/16 20/16 */
	background: #fcd7d7;
	text-align: center;
}
#del_warn h3
{
	margin-bottom: 0.8571em; /* 24/28 */
	font-weight: bold; /* 800 */
}
#del_warn p
{
	color: #000;
}
#del_warn .button
{
	display: inline-block;
	margin-top: 0.8em; /* 16/20 */
	margin-bottom: 1em; /* 20/20 */
}
#del_warn .hint
{
	font-size: 0.875em; /* 14/16 */
}

#lop_fields .row.error
{
	padding: 0.625rem 0.875rem; /* 10/16 14/10 */
	background: #fcd7d7;
	/* background: transparent; */
	border: none;
}
#lop_fields .row.error p
{
	margin: 0;
	color: #d40f14;
}
#lop_fields .row.error + .row label
{
	color: #d40f14;
}
#lop_fields .row.error + .row .text
{
	background: #fcd7d7;
	border-color: #d40f14;
}

@media (max-width: 800px)
{
	/* LOP > Meine Daten */

	.lop-edit .toggle
	{
		display: block !important;
	}
	.lop-edit .toggle + label
	{
		margin-top: 0.25em; /* 4/16 */
		margin-left: -0.5em; /* -8/16 */
	}
}
@media (max-width: 657px)
{
	/* LOP > Meine Daten */

	.lop-edit .row:not(#del_warn)
	{
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-top: 0;
		margin-bottom: 0;
	}
	.lop-edit .row:not(#del_warn) .column
	{
		margin-top: 0.625rem; /* 10/16 */
		margin-bottom: 0.625rem; /* 10/16 */
	}
}
@media (max-width: 592px)
{
	/* LOP > Meine Daten */

	.lop-edit .button
	{
		font-size: 1rem; /* 16/16 */
	}
}

/* LOP Ergänzungen */

#inner
{
	/* overflow: hidden; */
}
#main_form, .lop-edit
{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #f2f2f2 !important;
}
#inner > .lop-edit:first-child
{
	margin-top: 0;
}
.lop-edit .row
{
	margin-right: -10px !important;
	margin-left: -10px !important;
}
.lop-edit .row-submit
{
	margin-bottom: 2.5rem;
}
.lop-edit .row .column
{
	margin-right: 10px !important;
	margin-left: 10px !important;
}
.lop-edit .row-background .column
{
	background-color: rgba(255, 255, 255, 0.5);
}

.lop-login .row-submit
{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

/* .lop-title + .column .lop-overview, */
.lop-edit, /* includes lop-signup */
.lop-overview,
.lop-archive,
.lop-archive-article-list,
.lop-menu + .column .lop-article
{
	margin-top: -1.25rem; /* -20/16 */
	margin-top: 0;
}
@media (max-width: 592px)
{
	/* LOP Ergänzungen */

	/* .lop-title + .column .lop-overview, */
	.lop-edit, /* includes lop-signup */
	.lop-overview,
	.lop-archive,
	.lop-archive-article-list
	{
		margin-top: -0.625rem; /* -10/16 */
	}
}

/* Newsbereich > Newsliste (GEÄNDERT AM 10.05.2019, JL) */

.month_select
{
	margin-bottom: 1rem; /* 16/16 */
}
.news-list
{
	margin-top: -0.5rem; /* -8/16 */
}
.news-list-item
{
	display: block !important;
	overflow: hidden;
	padding: 1.375rem 0 1.25rem 0; /* 22/16 0 20/16 0 */
	border-top: solid 1px #e4e4e4;
}
.news-list .news-list-item:first-child
{
	border-top: none;
}
.news-list-item .date
{
	width: 6.25rem; /* 100/16 */
}
.news-list-item .release
{
	margin: 0.0625em 0 0 0; /* 1/16 0 0 0 */
	color: #121212;
}
.news-list-item .article
{
	float: none !important;
	padding-left: 6.25rem; /* 100/16 */
	color: #121212;
}
.news-list-item .headline,
main .content div.left .news-list-item .headline,
main .content div.column .news-list-item .headline,
main .content div.columns .news-list-item .headline
{
	margin: 0.8em 0 0.2em 0; /* 16/20 0 4/20 0 */
	padding-left: 5em; /* 100/20 */
	font-weight: 600;
	font-size: 1.25rem; /* 20/16 */
}
.news-list-item .headline:first-child,
main .content div.left .news-list-item .headline:first-child,
main .content div.column .news-list-item .headline:first-child,
main .content div.columns .news-list-item .headline:first-child
{
	margin-top: 0;
}
.news-list-item .article br
{
	display: none;
}
.news-list-item .headline a
{
	display: block;
	color: #000;
	text-decoration: none;
}
.news-list-item .headline a:hover,
.news-list-item .headline a:focus
{
	color: #d40f14;
	text-decoration: none;
}

.month_select a {
	text-decoration: none;
}

@media (max-width: 592px)
{
	/* Newsbereich > Newsliste */

	.news-list .news-list-item
	{
		padding-top: 1.125rem; /* 18/16 */
		padding-bottom: 1rem; /* 16/16 */
	}
	.news-list-item .date
	{
		float: none !important;
		width: auto;
		margin-bottom: 0.5rem; /* 8/16 */
	}
	.news-list-item .release
	{
		margin-top: 0;
	}
	.news-list-item .article
	{
		padding-left: 1.25rem; /* 20/16 */
	}
	.news-list-item .headline,
	main .content div.left .news-list-item .headline,
	main .content div.column .news-list-item .headline,
	main .content div.columns .news-list-item .headline
	{
		font-size: 1.0625rem; /* 17/16 */
	}
}

/* Newsbereich > News-Artikel */

.news-article
{
	overflow: hidden;
}
.news-article-release
{
	/* margin: 0.2em 0 0 0; */ /* 4/20 0 0 0 */
	/* padding: 0.8em 0 1.4em 0; */ /* 16/20 0 28/20 0 */
	/* border-top: solid 1px #e4e4e4; */
	/* font-size: 1.25rem; */ /* 20/16 */
}
.news-article-content
{
	overflow: hidden;
}

@media (max-width: 592px)
{
	/* Newsbereich > News-Artikel */

	.news-article-release
	{
		font-size: 1rem; /* 16/16 */
	}
}

/* NEU (28.03.2019 JL/MW) */

@media (max-width: 592px)
{
	/* Grauer Hintergrund > Inhaltsbereich */

	.background_wrapper.gray .toplink.down + .content
	{
		padding-top: 20px;
	}
}


/* BEGIN Header > Slider (Startseite) */

/* Einschub (Höhe zugunsten der Suche darunter verringern) (JL, 19.06.2019) */

.header-slider .parallax_image
{
	display: block !important; /* prevent white-space */
	height: 440px;
}

/* Neu seit 11.04.2019, JL */

.header-slider .parallax_image .background_wrapper
{
	/* background: rgba(29, 11, 11, 0.1); */
	background: transparent;
}
.parallax_image .content
{
	overflow: hidden;
	width: 100%;
	max-width: none;
	padding: 0;
}
.header-slider .parallax_image .content .text_wrapper
{
	bottom: 0 !important;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;

	overflow: hidden;
	width: 100%;
	max-width: none;
	margin-bottom: 5rem; /* 80/16 */
	text-shadow: none;
}
.header-slider h2,
.header-slider p
{
	overflow: hidden;
	width: 90%;

	padding-right: 25px;
	/* padding-left: 25px; */

	font-weight: bold; /* 800 */
	font-size: 3.125rem; /* 50/16 */
	line-height: 1.68; /* 84/50 */

	white-space: nowrap;
	text-overflow: ellipsis;
}
.header-slider h2 > *,
.header-slider p > *
{
	display: inline;
	padding-top: 0.08em; /* 4/50 */
	padding-bottom: 0.12em; /* 6/50 */
	background: #d40f14;
	padding-right: 25px;
	padding-left: 25px;
	/* box-shadow: 25px 0 0 #d40f14, -25px 0 0 #d40f14; */
	outline: none;
	box-decoration-break: clone;
	color: inherit;
	text-decoration: none;
}
.header-slider p
{
	margin-top: 1em; /* 22/22 */
	color: #000;
	font-size: 1.375rem; /* 22/16 */
	line-height: 2.3636; /* 52/22 */
}
.header-slider p > *
{
	padding-top: 0.3636em; /* 8/22 */
	padding-bottom: 0.4545em; /* 10/22 */
	background: #fff;
	/* box-shadow: 25px 0 0 #fff, -25px 0 0 #fff; */
	color: inherit !important;
}
.header-slider p a .fa
{
	display: inline;
	margin: 0 -4px 0 4px;
}
.header-slider p span .fa
{
	display: none;
}

@media (min-width: 1209px)
{
	.header-slider h2,
	.header-slider p
	{
		/* padding-left: 50px; */
	}
	.header-slider h2 > *,
	.header-slider p > *
	{
		/* box-shadow: 25px 0 0 #d40f14, -50px 0 0 #d40f14; */
		padding-right: 25px;
		padding-left: 50px;
	}
	.header-slider p
	{

	}
	.header-slider p > *
	{
		/* box-shadow: 25px 0 0 #fff, -50px 0 0 #fff; */
	}
}

@media (max-width: 1209px)
{
	.header-slider h2
	{
		font-size: 2.5rem; /* 40/16 */
	}
}

@media (max-width: 1024px)
{
	.header-slider h2
	{
		font-size: 2rem;
	}

	.header-slider p
	{
		display: block;
		font-size: 1.175rem;
		line-height: 2.3636;
	}
}

@media (max-width: 784px)
{
	.header-slider h2
	{
		font-size: 1.625rem; /* 26/16 */
	}

	.header-slider p
	{
		display: block;
		font-size: 1rem; /* 20/16 */
		line-height: 2;
	}
}

@media (max-width: 592px)
{
	.header-slider .parallax_image .content .text_wrapper
	{
		margin-bottom: 3rem; /* 48/16 */
	}
	.header-slider h2
	{
		font-size: 1.3rem; /* 26/16 */
		line-height: 2.2308; /* 58/26 */
	}
	.header-slider h2 > *
	{
		padding-top: 0.3077em; /* 8/26 */
		padding-bottom: 0.3846em; /* 10/26 */
	}
	.header-slider p
	{
		display: block;
		font-size: 0.9rem; /* 20/16 */
		line-height: 2; /* 58/26 */
	}
}

@media (max-width: 480px)
{
	.header-slider .parallax_image
	{
		height: 240px; /* vorher 300px */
	}
	.header-slider h2
	{
		/* font-size: 1rem; */ /* 16/16 */
		font-size: 1.125rem; /* 18/16 */
	}
	.header-slider p
	{
		/* font-size: 0.75rem; */ /* 12/16 */
		font-size: 0.875rem; /* 14/16 */
		font-weight: 400;
	}
}

/* END Header > Slider (Startseite) */


/* BEGIN Footer > Silhouette */

/* Neu seit 16.04.2019, JL */

footer
{
	overflow: hidden; /* necessary for sites without the new navigation wrappers */
	margin-top: -27.5px; /* necessary for sites without the new navigation wrappers */
	padding-top: 27.5px; /* necessary for sites without the new navigation wrappers */

	position: relative;
	z-index: 1;
}
.background_wrapper.darkgray
{
	z-index: -1;
}
footer .border
{
	position: relative;
	margin-top: 1.25rem;
	background-color: transparent;
	border: none !important;
}
footer .border:before,
footer .border::before
{
	content: '';
	position: absolute;
	z-index: -1;
	bottom: -40px;
	right: -40px;
	-webkit-transform: translate(0, 0) rotate(-6deg);
	-ms-transform: translate(0, 0) rotate(-6deg);
	transform: translate(0, 0) rotate(-6deg);
	-webkit-ransform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	width: 160%;
	height: 160%;
	background: #d40f14;
}

footer .border
{
	height: 180px;
	background: transparent url(../images/layout/luebeck-skyline.png) no-repeat right bottom;
	background-size: 1200px auto;
}
footer .border:before,
footer .border::before
{
	/* display: none; */
}

/* END Footer > Silhouette */

/* BEGIN Suchfeld mit Medienpool vereinheitlichen (JL, 25.07.2019) */

/* Suche */

main .search_wrapper /* .form_wrapper */
{
	/* margin-top: 0; */
	/* margin-right: 1px; */
	/* margin-left: 1px; */

	padding: 25px;
	background: #eaeaea;
}

main .search_wrapper .form_wrapper .lop-menu
{
	margin-bottom: 0;
}
main .search_wrapper .form_wrapper p
{
	display: -webkit-flex;
	display: flex;
}
main .search_wrapper .form_wrapper button
{
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	overflow: hidden;
	width: 62px;
	min-height: 60px;
	margin: 0;
	background-color: transparent;
	/* background-image: url(../../images/layout/Search_Icon@2x.png); */
	background-image: url(../images/layout/search-black.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px 32px;
	-webkit-appearance: none;
	border: none;
	border-left: solid 1px #fff;
	border-radius: 0;
	outline: none;
	text-indent: -99999px;
}
main .search_wrapper .form_wrapper button:hover,
main .search_wrapper .form_wrapper button:focus
{
	/* background-color: #d40f14; */
	/* background-image: url(../../images/layout/suche@2x.png); */
	background-image: url(../images/layout/search-red.svg);
	outline: none;
}
main .search_wrapper .form_wrapper p input[type="text"]
{
	overflow: hidden;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	padding: 0.375rem 1.25rem; /* 6/16 20/16 */
	background: #eaeaea;
}
main .search_wrapper .form_wrapper p input[type="text"]:hover,
main .search_wrapper .form_wrapper p input[type="text"]:focus
{
	background: #dcdcdc;
}

/* Suche > Autocomplete */

main .search_wrapper .autocomplete_flyout_wrapper
{
	width: auto;
}
main .search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout
{
	top: 100%;
	right: 62px;
	width: auto;
}

@media (max-width: 1209px)
{
	/* Suche */

	main .search_wrapper .form_wrapper button
	{
		position: static;
	}
	main .search_wrapper .form_wrapper p input[type="text"]
	{
		width: auto;
		height: auto;
		font-size: 1.5rem; /* 24/16 */
	}
}
@media (max-width: 784px)
{
	/* Suche */

	main .search_wrapper .form_wrapper button
	{
		width: 47px;
		min-height: 45px;
		background-size: 24px 24px;
	}
	main .search_wrapper .form_wrapper p input[type="text"]
	{
		width: auto;
		height: auto;
		padding-right: 1rem; /* 16/16 */
		padding-left: 1rem; /* 16/16 */
		font-size: 1.25rem; /* 20/16 */
	}
}
@media (max-width: 592px)
{
	/* Suche */

	main .search_wrapper .form_wrapper p input[type="text"]
	{
		font-size: 1rem; /* 16/16 */
	}
}

/* END Suchfeld mit Medienpool vereinheitlichen */


/* BEGIN Strassensuche (Formular und Tabelle) */
/* 28.06.2019, JL */

.form-search-streets
{

}
.form-search-streets + .search-result-header
{
	margin-top: -4.5rem; /* -72/16 */
}

@media (max-width: 1209px)
{
	.form-search-streets .wrapper
	{
		margin-right: 0;
		margin-left: 0;
	}
	.form-search-streets .wrapper .column
	{
		margin-right: 0;
		margin-left: 0;
	}
	.form-search-streets .row:not(.row-submit),
	.form-search-streets .row.multiple-inputs
	{
		margin-right: -25px;
		margin-left: -25px;
		padding: 0 12.5px;
	}
	.form-search-streets .row .col,
	.form-search-streets .row.multiple-inputs .col
	{
		margin: 0;
		padding: 0 12.5px;
	}
}
@media (max-width: 657px)
{
	.form-search-streets .row.multiple-inputs
	{
		margin-top: 0;
		margin-bottom: 0;
	}
	.form-search-streets .row.multiple-inputs .col,
	.form-search-streets .row.multiple-inputs .col:last-child
	{
		margin-top: 0.5rem; /* 8/16 */
		margin-bottom: 0.5rem; /* 8/16 */
	}
}

.statistik th
{
	vertical-align: middle;
}
.statistik td.schluessel,
.statistik td.jahr,
.statistik td.stat-bezirk
{
	text-align: right;
}
.statistik td.hausnummern
{
	white-space: nowrap;
}

/* END Strassensuche (Formular und Tabelle) */

/* BEGIN Monatsberichte */

.monthly-reports h2,
main .content div.left .monthly-reports h2,
main .content div.column .monthly-reports h2,
main .content div.columns .monthly-reports h2
{
	font-size: 1.75rem; /* 28/16 */
}
.monthly-reports > h2:first-child,
main .content div.left .monthly-reports > h2:first-child,
main .content div.column .monthly-reports > h2:first-child,
main .content div.columns .monthly-reports > h2:first-child
{
	margin-top: 0;
}
.monthly-reports .report-list + h2,
main .content div.left .report-list + h2,
main .content div.column .report-list + h2,
main .content div.columns .report-list + h2
{
	margin-top: 0;
}
.monthly-reports .report-list
{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -20px;
	list-style-type: none;
}
.monthly-reports .report-item
{
	flex: 0 0 50%;
	margin: 0;
	padding: 0 20px 2.5rem 20px; /* 0 20 40/16 20 */
}
.monthly-reports .report-list > .report-item:nth-child(odd):last-child
{
	flex: 0 0 100%;
}
.monthly-reports .item-wrapper
{
	display: flex;
	flex-flow: column nowrap;
	height: 100%;
	padding: 1.25rem 1.25rem 1.5rem 1.25rem; /* 20/16 20/16 24/16 20/16 */
	background: #f2f2f2;
}
.monthly-reports .item-info > *:first-child
{
	margin-top: 0;
}
.monthly-reports .item-info > *:last-child
{
	margin-bottom: 1.25rem; /* 20/16 */
}
.monthly-reports .title
{
	margin: 0.625rem 0; /* 10/16 0 */
	color: #000;
}
.monthly-reports .short-description
{
	margin: 0.625rem 0; /* 10/16 0 */
}
.monthly-reports .item-download
{
	display: flex;
}
.monthly-reports .item-download .select
{
	display: flex;
	flex: 1 1 auto;
}
.monthly-reports .item-download .select select
{
	width: 100%;
}
.monthly-reports .item-download .button
{
	flex: 0 0 auto;
	padding: 0.5556em 0.8889em; /* 10/18 16/18 */
	background: #d40f14;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.125rem; /* 18/16 */
	line-height: normal;
	font-family: 'Open Sans', Arial, sans-serif;
	cursor: pointer;
}
.monthly-reports .item-download select + .button
{
	margin-left: -1px;
}

@media (max-width: 1226px)
{
	.monthly-reports .report-item
	{

	}
}
@media (max-width: 784px)
{
	.monthly-reports .report-item
	{
		flex: 0 0 100%;
		padding-bottom: 1.5625rem; /* 25/16 */
	}
}
@media (max-width: 592px)
{
	.monthly-reports h2,
	main .content div.left .monthly-reports h2,
	main .content div.column .monthly-reports h2,
	main .content div.columns .monthly-reports h2
	{
		font-size: 1.125rem; /* 18/16 */
	}
	.monthly-reports .title
	{
		font-size: 1rem; /* 16/16 */
	}
	.monthly-reports .item-download .select select,
	.monthly-reports .item-download .button
	{
		font-size: 0.875rem; /* 14/16 */
	}
}

.news-wrapper h2,
main .content div.left .news-wrapper h2,
main .content div.column .news-wrapper h2,
main .content div.columns .news-wrapper h2
{
	font-size: 1.75rem; /* 28/16 */
}
.monthly-reports + .news-wrapper > h2:first-child,
main .content div.left .monthly-reports + .news-wrapper > h2:first-child,
main .content div.column .monthly-reports + .news-wrapper > h2:first-child,
main .content div.columns .monthly-reports + .news-wrapper > h2:first-child
{
	margin-top: 0;
}
.news-wrapper ul
{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -1.25rem; /* 0 -20/16 */
	list-style-type: none;
}
.news-wrapper ul li
{
	flex: 0 0 25%;
	margin: 0;
	padding: 0 1.25rem; /* 0 20/16 */
}
.news-wrapper ul li a
{
	display: block;
	padding-top: 1rem; /* 16/16 */
	padding-bottom: 2.5rem; /* 40/16 */
	border-top: solid 1px #e4e4e4;
	color: #121212;
	text-decoration: none;
}
.news-wrapper ul li:nth-child(1) a,
.news-wrapper ul li:nth-child(2) a,
.news-wrapper ul li:nth-child(3) a,
.news-wrapper ul li:nth-child(4) a
{
	border-top: none;
}
.news-wrapper ul li a:hover,
.news-wrapper ul li a:focus
{
	outline: none;
	color: #d40f14;
}
.news-wrapper ul li a .title
{
	color: #000;
	font-weight: bold;
}
.news-wrapper ul li a:hover .title,
.news-wrapper ul li a:focus .title
{
	color: #d40f14;
}

@media (max-width: 1226px)
{
	.news-wrapper ul li
	{
		flex: 0 0 33.3333333333%;
	}
	.news-wrapper ul li:nth-child(4) a
	{
		border-top: solid 1px #e4e4e4;
	}
}
@media (max-width: 784px)
{
	.news-wrapper ul
	{
		margin-right: -0.78125rem; /* -12.5/16 */
		margin-left: -0.78125rem; /* -12.5/16 */
	}
	.news-wrapper ul li
	{
		flex: 0 0 50%;
		padding: 0 0.78125rem; /* 0 12.5/16 */
	}
	.news-wrapper ul li a
	{
		padding-bottom: 1.5625rem; /* 25/16 */
	}
	.news-wrapper ul li:nth-child(3) a
	{
		border-top: solid 1px #e4e4e4;
	}
}
@media (max-width: 592px)
{
	.news-wrapper h2,
	main .content div.left .news-wrapper h2,
	main .content div.column .news-wrapper h2,
	main .content div.columns .news-wrapper h2
	{
		font-size: 1.125rem; /* 18/16 */
	}
}
@media (max-width: 400px)
{
	.news-wrapper ul li
	{
		flex: 0 0 100%;
	}
	.news-wrapper ul li:nth-child(2) a
	{
		border-top: solid 1px #e4e4e4;
	}
}

/* END Monatsberichte */


/* LUEBECK */


/* BEGIN Lübeck Start- und Inhaltseiten > Header > Top-Balken > Logo */

@media (max-width: 1209px)
{
	.luebeck:not(.travemuende) header .top .content .left .logo
	{
		margin-top: 21px;
	}
}

/* END Lübeck Start- und Inhaltseiten > Header > Top-Balken > Logo */

/* BEGIN Startseite Lübeck und Bereichsaufschlagseiten > Header > Slider */

@media (min-width: 1210px)
{
	.frontpage.luebeck .header-slider .parallax_image,
	.frontpage.category-frontpage .header-slider .parallax_image
	{
		height: 530px;
	}
	.frontpage.luebeck .header-slider .parallax_image .content .text_wrapper,
	.frontpage.category-frontpage .header-slider .parallax_image .content .text_wrapper
	{
		margin-bottom: 10rem; /* 160/16 */
	}
	.frontpage.luebeck .header-slider .slick-dots,
	.frontpage.category-frontpage .header-slider .slick-dots
	{
		padding-bottom: 5.1875rem; /* (28+55)/16 */
	}
}

/* END Startseite Lübeck und Bereichsaufschlagseiten > Header > Slider */

/* BEGIN Startseite Lübeck und Bereichsaufschlagseiten > Inhalts-Container */

.frontpage.luebeck .content + .content,
.frontpage.category-frontpage .content + .content
{
	padding-top: 0;
}

@media (min-width: 1024px)
{
	.frontpage.luebeck .content + .content,
	.frontpage.category-frontpage .content + .content
	{
		/* padding-top: 1.25rem; */ /* 20/16 */
	}
}

/* END Startseite Lübeck und Bereichsaufschlagseiten > Inhalts-Container */

/* BEGIN Bereichsaufschlagseiten > Inhalts-Container > Spalten */

.frontpage.category-frontpage .column + .column,
.frontpage.category-frontpage .column + .columns,
.frontpage.category-frontpage .columns + .column,
.frontpage.category-frontpage .columns + .columns
{
	margin-top: 1.5rem; /* 24/16 */
}
div[style="width: 160px; height: 40px; margin: 16px 0 20px 0; padding: 0; clear: both; background: #A11109 url(http://dev.cms.luebeck.de/admin/cm/assets/images/icons/edit_button.gif)"]
{
	display: none;
}

/* END Bereichsaufschlagseiten > Inhalts-Container > Spalten */

/* BEGIN Startseite Lübeck und Bereichsaufschlagseiten > Suche-Inhalts-Container (überlagert den Slider) */

/* Sollte der Suche-Inhalts-Container sein */

.frontpage.luebeck main > .content:first-child,
.frontpage.category-frontpage main > .content:first-child
{
	margin-top: 1.5625rem; /* 25/16 */
	padding-top: 1.5625rem; /* 25/16 */
	padding-top: 0;
	/* padding-bottom: 0; */
	/* background: #fff; */
	background: transparent;
}
.frontpage.luebeck main > .content:first-child,
.frontpage.category-frontpage:not(.familie-und-bildung) main > .content:first-child
{
	padding-bottom: 0;
}
.frontpage.luebeck main .content .search_wrapper,
.frontpage.category-frontpage main .content .search_wrapper
{
	margin-top: 0;
	margin-right: 1px;
	margin-left: 1px;
	padding: 25px;
	background: #eaeaea;
}
@media (min-width: 784px)
{
	.frontpage.luebeck main .content .search_wrapper,
	.frontpage.category-frontpage main .content .search_wrapper
	{
		margin-right: 2px;
	}
}
@media (min-width: 1024px)
{
	.frontpage.luebeck main .content .search_wrapper,
	.frontpage.category-frontpage main .content .search_wrapper
	{
		margin-right: 4px;
	}
}
main .search_wrapper .form_wrapper p input[type="text"]
{
	background: #fff;
	border: solid 1px #e4e4e4;
}
main .search_wrapper .form_wrapper p input[type="text"]:hover,
main .search_wrapper .form_wrapper p input[type="text"]:focus
{
	background: #fff;
	border-color: #c6c7c8;
}
main .search_wrapper .form_wrapper button
{
	border-left: none;
}

@media (min-width: 1210px)
{
	/* Sollte der Suche-Inhalts-Container sein */

	.frontpage.luebeck main > .content:first-child,
	.frontpage.category-frontpage main > .content:first-child
	{
		margin-top: -3.4375rem; /* -55/16 */
	}
}

/* END Startseite Lübeck und Bereichsaufschlagseiten > Suche-Inhalts-Container (überlagert den Slider) */

/* BEGIN Icon-Teaser */

.frontpage.category-frontpage .column-icon-teasers
{
	margin-bottom: 2.5rem; /* 40/16 */
}

.icon-teasers
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-bottom: 0.25rem; /* 4/16 */
}
.icon-teaser-item
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: -1px;
	padding: 0.8125rem 1.25rem; /* 13/16 20/16 */
	background: #eaeaea;
	border: solid 1px #fff;
	color: #000;
	font-weight: bold; /* 800 */
	text-decoration: none;

	/* https://stackoverflow.com/questions/19316449/ie10-flexbox-widths-include-padding-causing-overflow-box-sizing-border-box-do */
	-ms-flex-preferred-size: calc(100% - 2.5rem - 2px);
}
main .content .icon-teaser-item[target=_blank]:not(.external)
{
	display: -webkit-flex;
	display: flex;
	margin-right: 0;
	padding-right: 1.25rem; /* 20/16 */
}
main .content .icon-teaser-item[target=_blank]:not(.external):after,
main .content .icon-teaser-item[target=_blank]:not(.external)::after
{
	content: '';
}
.buergerservice .icon-teaser-item.buergerservice,
.rathaus-stadtverwaltung .icon-teaser-item.rathaus-stadtverwaltung,
.stadtleben .icon-teaser-item.stadtleben,
.stadtentwicklung .icon-teaser-item.stadtentwicklung
{
	background: #d40f14;
	color: #fff;
}
.buergerservice .icon-teaser-item.buergerservice .icon .inactive,
.rathaus-stadtverwaltung .icon-teaser-item.rathaus-stadtverwaltung .icon .inactive,
.stadtleben .icon-teaser-item.stadtleben .icon .inactive,
.stadtentwicklung .icon-teaser-item.stadtentwicklung .icon .inactive
{
	display: none;
}
.buergerservice .icon-teaser-item.buergerservice .icon .active,
.rathaus-stadtverwaltung .icon-teaser-item.rathaus-stadtverwaltung .icon .active,
.stadtleben .icon-teaser-item.stadtleben .icon .active,
.stadtentwicklung .icon-teaser-item.stadtentwicklung .icon .active
{
	display: block;
}
.buergerservice .icon-teaser-item.buergerservice .icon .svg-icon path,
.rathaus-stadtverwaltung .icon-teaser-item.rathaus-stadtverwaltung .icon .svg-icon path,
.stadtleben .icon-teaser-item.stadtleben .icon .svg-icon path,
.stadtentwicklung .icon-teaser-item.stadtentwicklung .icon .svg-icon path
{
	fill: #fff;
}
.icon-teaser-item:hover,
.icon-teaser-item:focus
{
	background: #d40f14;
	outline: none;
	color: #fff;
}
.icon-teaser-item .icon
{
	width: 2.5rem; /* 40/16 */
	margin-right: 1.125rem; /* 18/16 */
	font-size: 2rem; /* 32/16 */
	text-align: center;
}
.icon-teaser-item .icon .inactive
{
	display: block;
}
.icon-teaser-item .icon .active
{
	display: none;
}
.icon-teaser-item:hover .icon .inactive,
.icon-teaser-item:focus .icon .inactive
{
	display: none;
}
.icon-teaser-item:hover .icon .active,
.icon-teaser-item:focus .icon .active
{
	display: block;
}
.icon-teaser-item .icon .svg-icon
{
	display: block;
	height: 2.5rem; /* 40/16 */
}
.icon-teaser-item:hover .icon .svg-icon path,
.icon-teaser-item:focus .icon .svg-icon path
{
	fill: #fff !important;
}

.icon-teaser-item .label
{
	line-height: 1.375; /* 22/16 */
}

@media (min-width: 592px)
{
	.icon-teaser-item
	{
		padding-top: 0.875rem; /* 14/16 */
		padding-bottom: 0.875rem; /* 14/16 */
	}
	.icon-teaser-item .icon
	{
		width: 3rem; /* 48/16 */
		font-size: 2.5rem; /* 40/16 */
	}
	.icon-teaser-item .icon .svg-icon
	{
		height: 3rem; /* 48/16 */
	}
	.icon-teaser-item .label
	{
		font-size: 1.375rem; /* 22/16 */
		line-height: 1.1364; /* 25/22 */
	}
}
@media (min-width: 784px)
{
	.frontpage.category-frontpage .column-icon-teasers
	{
		margin-bottom: 1.5rem; /* 24/16 */
	}

	.icon-teasers
	{
		margin-bottom: 1.25rem; /* 20/16 */
	}
	.icon-teaser-item
	{
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;

		-ms-flex-preferred-size: calc(50% - 2.5rem - 2px);
	}
	.icon-teaser-item:nth-child(even)
	{
		margin-left: -1px;
	}
}
@media (min-width: 1024px)
{
	.frontpage.category-frontpage .column-icon-teasers
	{
		margin-bottom: 2.75rem; /* 44/16 */
	}

	.icon-teasers
	{
		/* margin-bottom: 2.5rem; */ /* 40/16 */
	}
	.icon-teaser-item
	{
		-webkit-flex: 0 0 25%;
		flex: 0 0 25%;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-justify-content: center;
		justify-content: center;
		padding-top: 1.25rem; /* 20/16 */
		padding-bottom: 1.25rem; /* 20/16 */

		-ms-flex-preferred-size: calc(25% - 2.5rem - 2px);
	}
	.icon-teaser-item,
	.icon-teaser-item:nth-child(even)
	{
		margin: 0;
	}
	.icon-teaser-item + .icon-teaser-item
	{
		margin-left: -1px;
	}
	.icon-teaser-item .icon
	{
		width: 3.5rem; /* 56/16 */
		margin-right: 0;
		margin-bottom: 0.875rem; /* 14/16 */
		font-size: 3rem; /* 48/16 */
	}
	.icon-teaser-item .icon .svg-icon
	{
		height: 3.5rem; /* 56/16 */
	}
	.icon-teaser-item .label
	{
		text-align: center;
	}
}

/* END Icon-Teaser */

/* BEGIN Top-Themen-Teaser */

.top-topics-teasers
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 1.875rem -2.8125rem 0 -2.8125rem; /* 30/16 -45/16 0 -45/16 */
	list-style-type: none;
}
.top-topics-teaser-item
{
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 0;
	padding: 0 1.25rem 19px 1.25rem; /* 0 20/16 19 20/16 */

	-ms-flex-preferred-size: calc(100% - 2.5rem);
}
.top-topics-teaser-item:after,
.top-topics-teaser-item::after
{
	content: '';
	position: absolute;
	right: 1.25rem; /* 20/16 */
	bottom: 0;
	left: 1.25rem; /* 20/16 */
	height: 19px;
	background: transparent url(../images/layout/border_bottom.png) repeat-x center bottom;
}
.top-topics-teaser-item .image-wrapper
{
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	-webkit-align-items: flex-end;
	align-items: flex-end;

	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	outline: none;
	aspect-ratio: 656/410;
}
.top-topics-teaser-item .image-wrapper:before,
.top-topics-teaser-item .image-wrapper::before
{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(44, 36, 36, 0.5); /* #2c2424 */
	background: linear-gradient(to bottom, rgba(44, 36, 36, 0) 20%, rgba(44, 36, 36, 1) 70%);
	opacity: 0.8;
}
.top-topics-teaser-item .text-wrapper
{
	position: relative;
	overflow: hidden;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	margin-top: 10rem; /* 160/16 */
	padding: 1.25rem 1.5625rem; /* 20/16 25/16 */

	-ms-flex-preferred-size: calc(100% - 3.125rem);
}
.top-topics-teaser-item .text-wrapper:before,
.top-topics-teaser-item .text-wrapper::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #d40f14;

	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	transition: -webkit-transform 240ms;
	transition: -ms-transform 240ms;
	transition: transform 240ms;
}
.top-topics-teaser-item .image-wrapper:hover .text-wrapper:before,
.top-topics-teaser-item .image-wrapper:hover .text-wrapper::before,
.top-topics-teaser-item .image-wrapper:focus .text-wrapper:before,
.top-topics-teaser-item .image-wrapper:focus .text-wrapper::before
{
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.top-topics-teaser-item .text-wrapper *
{
	position: relative;
}

.top-topics-teaser-item .image-wrapper
{
	text-decoration: none;
}
.top-topics-teaser-item .image-wrapper,
.top-topics-teaser-item .image-wrapper *,
main .content .top-topics-teaser-item .image-wrapper p
{
	color: #fff;
}
.top-topics-teaser-item .headline
{
	margin-top: 0;
	padding-right: 0.8182em; /* 18/22 */
	font-size: 1rem; /* 16/16 */
	line-height: 1.375; /* 22/16 */
}
.top-topics-teaser-item .headline:after,
.top-topics-teaser-item .headline::after
{
	content: '\f105'; /* fa-angle-right */
	display: inline-block;
	width: 0.8182em; /* 18/22 */
	margin-right: -0.8182em; /* -18/22 */
	font-family: FontAwesome;
	text-align: right;
}
.top-topics-teaser-item p
{
	font-size: 0.875rem; /* 14/16 */
}

@media (min-width: 592px)
{
	.top-topics-teaser-item .headline
	{
		font-size: 1.375rem; /* 22/16 */
		line-height: 1.2273; /* 27/22 */
	}
}
@media (min-width: 640px)
{
	.top-topics-teasers
	{
		margin-right: -1.25rem; /* -20/16 */
		margin-left: -1.25rem; /* -20/16 */
	}
	.top-topics-teaser-item .text-wrapper
	{
		padding: 1.75rem 1.875rem 1.25rem 1.875rem; /* 28/16 30/16 20/16 30/16 */

		-ms-flex-preferred-size: calc(100% - 3.75rem);
	}
}
@media (min-width: 784px)
{
	.top-topics-teaser
	{
		margin-bottom: 1.875rem; /* 30/16 */
	}
	.top-topics-teaser-item
	{
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;

		-ms-flex-preferred-size: calc(50% - 2.5rem);
	}
	.top-topics-teaser-item + .top-topics-teaser-item:not(:nth-child(2))
	{
		margin-top: 1rem; /* 16/16 */
	}
}

/* END Top-Themen-Teaser */

/* BEGIN Pressemeldungen */

#press-archive li a
{
	color: #121212 !important;
}
#press-archive li.active a
{
	color: #d40f14 !important;
}

.press-releases
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 1.875rem -1.5625rem; /* 30/16 -25/16 */
	list-style-type: none;
}
.press-release-item
{
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 0;
	padding: 0 0 1px 0;
}
.press-release-item a
{
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	padding-top: 1.5625rem; /* 25/16 */
	padding-bottom: 1.25rem; /* 20/16 */
	background: #fff;
}
.press-release-item .text-wrapper
{
	padding-right: 1.5625rem; /* 25/16 */
	padding-left: 1.5625rem; /* 25/16 */
}

.press-release-item a
{
	text-decoration: none;
	outline: none;
}
.press-release-item p
{
	margin: 0 0 0.7143em 0; /* 0 0 10/14 0 */
	font-size: 0.875rem; /* 14/16 */
}
.press-release-item .release-date
{
	/* color: #d40f14; */
	color: #000;
	font-weight: bold; /* 800 */
}
.press-release-item .headline
{
	margin-top: 0;
	margin-bottom: 0.625em; /* 10/16 */
	padding-right: 0.8182em; /* 18/22 */
	color: #000;
	font-size: 1rem; /* 16/16 */
	line-height: 1.375; /* 22/16 */
}
.press-release-item a:hover .headline,
.press-release-item a:focus .headline
{
	color: #d40f14;
	text-decoration: underline;
}
.press-release-item .headline:after,
.press-release-item .headline::after
{
	content: '\f105'; /* fa-angle-right */
	display: inline-block;
	width: 0.8182em; /* 18/22 */
	margin-right: -0.8182em; /* -18/22 */
	font-family: FontAwesome;
	text-align: right;
}

.press-releases + .more a
{
	font-weight: bold; /* 800 */
	text-decoration: none;
	outline: none;
}
.press-releases + .more a:hover,
.press-releases + .more a:focus
{
	text-decoration: underline;
}
.press-releases + .more a:after,
.press-releases + .more a::after
{
	content: '\f105'; /* fa-angle-right */
	display: inline-block;
	width: 0.8182em; /* 18/22 */
	margin-right: -0.8182em; /* -18/22 */
	font-family: FontAwesome;
	text-align: right;
}

@media (min-width: 592px)
{
	.press-release-item .headline
	{
		font-size: 1.375rem; /* 22/16 */
		line-height: 1.2273; /* 27/22 */
	}
}
@media (min-width: 640px)
{
	.press-releases
	{
		margin-right: -1.25rem; /* -20/16 */
		margin-left: -1.25rem; /* -20/16 */
	}
	.press-release-item
	{
		padding: 0 1.25rem 19px 1.25rem; /* 0 20/16 19 20/16 */

		-ms-flex-preferred-size: calc(100% - 2.5rem);
	}
	.press-release-item:after,
	.press-release-item::after
	{
		content: '';
		position: absolute;
		right: 1.25rem; /* 20/16 */
		bottom: 0;
		left: 1.25rem; /* 20/16 */
		height: 19px;
		background: transparent url(../images/layout/border_bottom.png) repeat-x center bottom;
	}
}
@media (min-width: 784px)
{
	.press-release-item
	{
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;

		-ms-flex-preferred-size: calc(50% - 2.5rem);
	}
	.press-release-item + .press-release-item:not(:nth-child(2))
	{
		margin-top: 1rem; /* 16/16 */
	}
}

/* END Pressemeldungen */

/* BEGIN Veranstaltungen */

.events
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 1.875rem -1.5625rem; /* 30/16 -25/16 */
	list-style-type: none;
}
.event-item
{
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 0;
	padding: 0;
}
.event-item a
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	padding-top: 1.5625rem; /* 25/16 */
	padding-bottom: 1.25rem; /* 20/16 */
	border-bottom: solid 1px #e4e4e4;
}
.event-item:first-child a
{
	border-top: solid 1px #e4e4e4;
}
.event-item .image-wrapper
{
	-webkit-flex: 0 0 90px;
	flex: 0 0 90px;
	margin-top: 0.375rem; /* 6/16 */
	margin-left: 1.5625rem; /* 25/16 */
}
.event-item .image-wrapper img
{
	display: block;
}
.event-item .text-wrapper
{
	padding-right: 1.5625rem; /* 25/16 */
	padding-left: 1.5625rem; /* 25/16 */
}

.event-item a
{
	text-decoration: none;
	outline: none;
}
.event-item p
{
	margin: 0 0 0.7143em 0; /* 0 0 10/14 0 */
	font-size: 0.875rem; /* 14/16 */
}
.event-item .event-date
{
	/* color: #d40f14; */
	color: #000;
	font-weight: bold; /* 800 */
}
.event-item .headline
{
	margin-top: 0;
	margin-bottom: 0.625em; /* 10/16 */
	padding-right: 0.8182em; /* 18/22 */
	color: #000;
	font-size: 1rem; /* 16/16 */
	line-height: 1.375; /* 22/16 */
}
.event-item a:hover .headline,
.event-item a:focus .headline
{
	color: #d40f14;
	text-decoration: underline;
}
.event-item .headline:after,
.event-item .headline::after
{
	content: '\f105'; /* fa-angle-right */
	display: inline-block;
	width: 0.8182em; /* 18/22 */
	margin-right: -0.8182em; /* -18/22 */
	font-family: FontAwesome;
	text-align: right;
}

.events + .more a
{
	font-weight: bold; /* 800 */
	text-decoration: none;
	outline: none;
}
.events + .more a:hover,
.events + .more a:focus
{
	text-decoration: underline;
}
.events + .more a:after,
.events + .more a::after
{
	content: '\f105'; /* fa-angle-right */
	display: inline-block;
	width: 0.8182em; /* 18/22 */
	margin-right: -0.8182em; /* -18/22 */
	font-family: FontAwesome;
	text-align: right;
}

@media (min-width: 400px)
{
	.event-item .image-wrapper
	{
		-webkit-flex: 0 0 120px;
		flex: 0 0 120px;
	}
}
@media (min-width: 592px)
{
	.event-item .headline
	{
		font-size: 1.375rem; /* 22/16 */
		line-height: 1.2273; /* 27/22 */
	}
}
@media (min-width: 640px)
{
	.events
	{
		margin-right: -1.25rem; /* -20/16 */
		margin-left: -1.25rem; /* -20/16 */
	}
	.event-item
	{
		padding: 0 1.25rem; /* 0 20/16 */

		-ms-flex-preferred-size: calc(100% - 2.5rem);
	}
	.event-item .image-wrapper
	{
		margin-left: 0;
	}
}
@media (min-width: 784px)
{
	.event-item .image-wrapper
	{
		-webkit-flex: 0 0 145px;
		flex: 0 0 145px;
	}
}
@media (min-width: 1024px)
{
	.event-item
	{
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;

		-ms-flex-preferred-size: calc(50% - 2.5rem);
	}
	.event-item a
	{
		padding-bottom: 1.5625rem; /* 25/16 */
	}
	.event-item:first-child a
	{
		border-top: none;
	}
	.event-item .image-wrapper
	{
		-webkit-flex: 0 0 170px;
		flex: 0 0 170px;
	}
}

/* END Veranstaltungen */

/* BEGIN Anwendungen > Workaround für graue Hintergründe über den Container hinaus */

.background_wrapper.gray.inline:before,
.background_wrapper.gray.inline::before,
.background_wrapper.gray.inline:after,
.background_wrapper.gray.inline::after
{
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	width: 400%;
	background: inherit;
}
.background_wrapper.gray.inline:before,
.background_wrapper.gray.inline::before
{
	right: 50%;
}
.background_wrapper.gray.inline:after,
.background_wrapper.gray.inline::after
{
	left: 50%;
}
.background_wrapper.gray.inline > .content
{
	padding-right: 0;
	padding-left: 0;
}

/* END Anwendungen > Workaround für graue Hintergründe über den Container hinaus */

/* BEGIN Suchergebnisse */

main > .content_search:first-child,
main > .content.content_search:first-child
{
	padding-bottom: 0;
}
.search_result.content
{
	/* padding-right: 0; */
	/* padding-left: 0; */
}
.content_search + .content_search
{
	margin-top: -2.5rem; /* -40/16 */
}
.content_search h1,
.content.content_search h1
{
	overflow: visible;
	height: auto;
	margin: 0.6316em 0 0.7368em 0; /* 24/38 0 28/38 0 */
}

.search-headline-search-term
{
	margin: 0;
	font-weight: normal;
	font-size: 1.375rem; /* 22/16 */
	line-height: 1.3636; /* 30/22 */
}
.search-headline-search-term .search-term
{
	font-size: inherit;
}

.search-result-navigation
{
	position: relative;
	z-index: 1;
	background: #fff;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
	transition: box-shadow 160ms ease;
}
.fixed-search-result-navigation .search-result-navigation
{
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.08);
}
.fixed-search-result-navigation .search-result-navigation .content,
.fixed-search-result-navigation main .search-result-navigation .content
{
	padding-left: 1.5625rem; /* 25/16 */
}

.search-result-navigation .content,
main .search-result-navigation .content
{
	padding-top: 1.25rem; /* 20/16 */
	padding-right: 6.5625rem; /* 105/16 */
	padding-bottom: 1rem; /* 16/16 */
	padding-left: 0;
}
.search-result-navigation a
{
	display: inline-block;
	margin: 0 0.25rem 0.5rem 0; /* 0 4/16 8/16 0 */
	padding: 0.375rem 0.75rem; /* 6/16 12/16 */
	background: #d40f14;
	color: #fff;
	white-space: nowrap;
	text-decoration: none;
}
.search-result-navigation a:hover,
.search-result-navigation a:focus
{
	background: #ac0a26;
	outline: none;
	color: #fff;
}

.content_search .search_result
{
	margin-right: auto;
}
.search_result .search_result
{
	padding-top: 30px;
	padding-bottom: 50px;
}
.search_result .search_result + .search_result
{
	margin-top: -2.5rem; /* -40/16 */
}
.search_result .search_result.background_wrapper.gray + .search_result
{
	margin-top: 0;
}
.content_search .search_result
{
	counter-reset: search-result-counter;
}
.content_search .search_result ul h3
{
	line-height: 1.3636; /* 30/22 */
}
.content_search .search_result ul h3 a
{
	counter-increment: search-result-counter;
	color: #000;
}
.content_search .search_result ul h3 a:hover,
.content_search .search_result ul h3 a:focus
{
	outline: none;
	color: #d40f14;
}
.content_search .search_result ul h3 a:before,
.content_search .search_result ul h3 a::before
{
	content: counter(search-result-counter) '. ';
}

.content_search .search_result ul h3 .search_headline_text
{
	display: inline-block;
}
.content_search .search_result ul h3 a:hover .search_headline_text,
.content_search .search_result ul h3 a:focus .search_headline_text
{
	color: #d40f14;
	text-decoration: underline;
}

.documents .list-item,
.content_search .search_result .documents .list-item
{
	padding: 0;
}
.documents .list-item .document
{
	display: block;
	padding: 1.5rem 0 1.5rem 2rem; /* 24/16 0 24/16 32/16 */
	text-decoration: none;
}
.documents .list-item .document:before,
.documents .list-item .document::before
{
	content: '\f016'; /* fa-file */

	position: relative;
	top: 0.3125rem; /* 5/16 */

	float: left;
	/* display: inline-block; */
	width: 2rem; /* 32/16 */
	margin-left: -2rem; /* -32/16 */

	color: #d40f14;
	font-weight: bold;
	font-size: 1.375rem; /* 22/16 */
	font-family: FontAwesome;
	vertical-align: top;
}
.documents .list-item .document:hover,
.documents .list-item .document:focus
{
	outline: none;
}
.documents .list-item .document .file-title
{
	display: inline-block;
	margin: 0.375rem 0.375rem 0.375rem 0; /* 6/16 6/16 6/16 0 */
	color: #000;
	font-weight: bold; /* 800 */
	font-size: 1.375rem; /* 22/16 */
	line-height: 1.3636; /* 30/22 */
}
.content_search .search_result .document:hover .file-title,
.content_search .search_result .document:focus .file-title
{
	color: #d40f14;
}
.documents .list-item .document .file-details
{
	display: inline-block;
	color: #121212;
}

.content_search .search_result .button:hover,
.content_search .search_result .button:focus
{
	background: #b72020;
	outline: none;
}

.teasers .keyword,
.teasers_wide .keyword
{
	margin: 0;
	padding: 1rem 1.25rem 0 0; /* 16/16 20/16 0 0 */
	text-align: left;
}
.teasers .keyword span,
.teasers_wide .keyword span
{
	display: inline-block;
	padding: 0.25rem 0.75rem; /* 4/16 12/16 */
	background: #d40f14;
	color: #fff;
	font-weight: bold;
	font-size: 0.75rem; /* 12/16 */
}

@media (max-width: 1209px)
{
	.search-headline-search-term
	{
		font-size: 1rem; /* 16/16 */
		line-height: 1.375; /* 22/16 */
	}

	.search-result-navigation .content,
	main .search-result-navigation .content
	{
		padding-top: 0.9375rem; /* 15/16 */
		padding-bottom: 0.625rem; /* 10/16 */
	}
	.search-result-navigation a
	{
		padding: 0.1875rem 0.625rem; /* 3/16 10/16 */
		font-size: 0.875rem; /* 14/16 */
	}
}
@media (max-width: 592px)
{
	.fixed-search-result-navigation
	{
		padding-top: 0 !important;
	}
	.fixed-search-result-navigation .search-result-navigation
	{
		position: static !important;
		box-shadow: none;
	}
	.fixed-search-result-navigation .search-result-navigation .content,
	.fixed-search-result-navigation main .search-result-navigation .content
	{
		padding-left: 0;
	}

	.content_search .search_result ul h3
	{
		line-height: 1.375; /* 22/16 */
	}

	.documents .list-item .document
	{
		padding: 1.25rem 0 1.25rem 1.625rem; /* 20/16 0 20/16 26/16 */
	}
	.documents .list-item .document:before,
	.documents .list-item .document::before
	{
		width: 1.625rem; /* 26/16 */
		margin-left: -1.625rem; /* -26/16 */
		font-size: 1.125rem; /* 18/16 */
	}
	.documents .list-item .document .file-title
	{
		font-size: 1rem; /* 16/16 */
		line-height: 1.375; /* 22/16 */
	}
	.documents .list-item .document .file-details
	{
		font-size: 0.875rem; /* 14/16 */
	}

	.content_search .search_result .button
	{
		padding: 0.6875rem 1.125rem 0.75rem 1.125rem; /* 11/16 18/16 12/16 18/16 */
		font-size: 0.875rem; /* 14/16 */
	}
}

/* END Suchergebnisse */

/* BEGIN Header > Top-Balken (Logo und Bereich später untereinander darstellen) */

@media (max-width: 1209px)
{
	header .top .content .left
	{
		display: -webkit-inline-flex;
		display: inline-flex;
	}
	header .top .content .left .logo
	{
		position: relative;
		top: -1px;
		width: 220px;
		height: 22px;
		margin-top: 0;
	}
	header .top .content .left .section
	{
		position: relative;
		top: -1px;
		display: inline-block;
		height: 100%;
		margin-left: 14px;
		vertical-align: top;
	}
	header .top .content .left .section .title
	{
		margin-left: 10px;
		font-weight: 400;
	}
	header .top .content .left .section i.fa,
	header .top .content .left .section .arrow-up
	{
		display: inline-block;
	}
	header .top .content .left .section i.fa
	{
		font-size: 16px;
	}

	.luebeck:not(.travemuende) header .top .content .left .logo
	{
		margin-top: 0;
	}
}
@media (max-width: 784px)
{
	header .top .content .left
	{
		display: block;
	}
	header .top .content .left .logo,
	header .top .content .left .section
	{
		position: static;
		display: block;
		height: auto;
		margin: 3px 0 0 0;
	}
	header .top .content .left .logo
	{
		width: 171px;
		/* height: 17px; */
		margin-top: 19px;
	}
	header .top .content .left .section .title
	{
		margin-left: 0;
	}
	header .top .content .left .section i.fa,
	header .top .content .left .section .arrow-up
	{
		display: none;
	}

	.luebeck:not(.travemuende) header .top .content .left .logo
	{
		margin-top: 32px;
	}
}

/* END Header > Top-Balken (Logo und Bereich später untereinander darstellen) */

/* BEGIN Corona Infoseiten Layoutänderungen und Inhalte */


.information main .columns
{
	columns: 1;
	column-gap: 0;

	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	margin: 2rem 0 2.25rem 0; /* 32/16 0 36/16 0 */
	padding: 3rem 40px 3rem 40px; /* 48/16 40 48/16 40 */
	padding-right: 20px;
	padding-left: 20px;
	background: #eaeaea;
}
.information main .columns > *
{
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	-ms-flex-preferred-size: calc(50% - 40px);

	padding-right: 20px !important;
	padding-left: 20px !important
}
@media (max-width: 767px)
{
	.information main .columns
	{
		padding-right: 18px;
		padding-left: 18px;
	}
	.information main .columns > *
	{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		-ms-flex-preferred-size: calc(100% - 34px);

		padding-right: 17px !important;
		padding-left: 17px !important
	}
}
@media (max-width: 592px)
{
	.information main .columns
	{
		margin: 1.25rem 0 1.75rem 0; /* 20/16 0 28/16 0 */
		padding: 2rem 25px 2rem 25px; /* 32/16 25 32/16 25 */

		margin: 1.25rem 0 1.75rem 0;
		padding: 2rem 2px 2rem 2px;
	}
}

.information main .columns p
{
	text-align: left;
}

.content-inpage-navigation
{
	margin: 2rem 0 2.25rem 0; /* 32/16 0 36/16 0 */
	padding: 0 10px 0 10px;

}
@media (max-width: 767px)
{
	.information main .columns .content-inpage-navigation + *
	{
		margin-top: 1.25rem; /* 20/16 */
	}
}
@media (max-width: 592px)
{
	.content-inpage-navigation
	{
		margin: 1.25rem 0 1.75rem 0; /* 20/16 0 28/16 0 */
	}
}
.information main .columns .content-inpage-navigation
{
	margin: 0;
	padding: 0;
}

.content-inpage-navigation h3{
	padding-left: 0.25rem;
	display: flex;

}
.content-inpage-navigation h3::before{
	line-height: 0;
	margin-bottom: auto;
	margin-top: auto;
	content: url(../images/layout/compass_icon.svg);
	margin-right: 12px;
	display:inline-block;
}
.content-inpage-navigation,
.content-inpage-navigation ul
{
	list-style-type: none;
}
.content-inpage-navigation > *:first-child
{
	margin-top: 0;
}
.content-inpage-navigation > *:last-child
{
	margin-bottom: 0;
}
.content-inpage-navigation ul
{
	margin-left: 0;
}
.content-inpage-navigation li
{
	border-top: 1px solid black;
	margin: 0;
}
.content-inpage-navigation a[href]
{
	font-size: 18px;
	display: block !important;
	padding: 0.6rem 0.25rem; /* 10/4 */
	border-top: solid 1px #fff;
	color: black !important;
	font-weight: bold; /* 800 */
	text-decoration: none;
	outline: none;
}
.content-inpage-navigation a[href]:hover {
	text-decoration: underline !important;
}
.content-inpage-navigation a[href]::after {
	content: "\f105";
	display: inline-block;
	width: 0.7em;
	margin-right: -0.7em;
	font-family: 'FontAwesome', sans-serif;
	text-align: right;
	transform: scale(1.3);
}
.content-inpage-navigation a:hover,
.content-inpage-navigation a:focus
{
	color: #d40f14;
}

.responsive-video,
.columns .youtube
{
	position: relative;
	height: 0;
	padding-bottom: 56.25%; /* (9/16)*100 */
}
.responsive-video iframe,
.columns .youtube iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none !important;
}

/* END Corona Infoseiten Layoutänderungen und Inhalte */


/* BEGIN Veranstaltungen > Corona Hinweis */

.events-app-content .note-container
{
	margin-bottom: 1rem; /* 16/16 */
}
.note-container
{
	position: relative;
	overflow: hidden;
	padding: 0.625rem 1.25rem 0.75rem 1.25rem;
	border: solid 1px #e4e4e4;
}
.note-container::before,
.note-container::before
{
	content: '!';

	position: absolute;
	top: 0;
	right: 0;

	-webkit-ransform: translate(-20px, -1px) scale(4) rotate(18deg);
	-ms-transform: translate(-20px, -1px) scale(4) rotate(18deg);
	transform: translate(-20px, -1px) scale(4) rotate(18deg);

	padding: 2px 15px;
	border: solid 6px #e4e4e4;
	border-radius: 50%;
	opacity: 0.7;

	color: #eaeaea;
	font-weight: bold; /* 800 */
	font-size: 40px;
	line-height: 1;
	text-align: center;
}
.note-container > *
{
	position: relative;
}
.note-container h2,
main .content div.left .note-container h2,
main .content div.column .note-container h2,
main .content div.columns .note-container h2
{
	margin: 0.25rem 0 0.125rem 0; /* 4/16 0 2/16 0 */
	padding: 0;
	font-size: 1.375rem;
	line-height: 1.4545;
	font-weight: bold; /* 800 */
}
.note-container p
{
	margin: 0.125rem 0; /* 2/16 0 */
	padding: 0;
}
@media (max-width: 592px)
{
	.note-container h2,
	main .content div.left .note-container h2,
	main .content div.column .note-container h2,
	main .content div.columns .note-container h2
	{
		font-size: 1rem;
	}
}

.liveticker
{
	overflow-y: scroll;
	max-height: 480px;
	/* padding: 24px 32px; */
	padding: 0.7em 1.4em;
	background: #fff;
	border: dashed 1px #e4e4e4;
}
.liveticker > *:first-child
{
	margin-top: 0;
}
.liveticker ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.liveticker ul li
{
	margin: 0;
	padding: 20px 0 24px 0;
	border-bottom: dashed 1px #ccc; /* #e4e4e4 */
}
.liveticker ul li:first-child
{
	padding-top: 0;
}
.liveticker ul li:last-child
{
	padding-bottom: 0;
	border-bottom: none;
}
.liveticker ul li p:first-child
{
	color: #000;
}
.liveticker ul .headline
{
	margin: 0 0 0.4em 0;
	color: #000;
	font-weight: bold; /* 800 */
	font-size: 1.125rem;
	line-height: 1.5556;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
@media (max-width: 920px)
{
	.liveticker ul .headline
	{
		font-size: 1rem;
		line-height: 1.4;
	}
}
.liveticker ul li p + h3
{
	margin-top: -0.2em;
}
@media (max-width: 592px)
{
	.liveticker
	{
		padding: 16px 25px;
	}
	.liveticker ul li
	{
		padding: 16px 0 20px 0;
	}
}

.liveticker hr
{
	/* background:  */
	border: none;
	border-bottom: dashed 1px #e4e4e4;
}
.liveticker hr:last-child
{
	display: none;
}

.scrollbar-indicator
{
	position: relative;
}
.scrollbar-indicator .scrollbar
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 20px;
	background: #efefef;
}
.scrollbar-indicator .scrollbar:before,
.scrollbar-indicator .scrollbar::before,
.scrollbar-indicator .scrollbar:after,
.scrollbar-indicator .scrollbar::after
{
	position: absolute;
	right: 0;
	width: 100%;

	color: #121212;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
	font-family: FontAwesome;
	text-align: center;
}
.scrollbar-indicator .scrollbar:before,
.scrollbar-indicator .scrollbar::before
{
	content: '\f106'; /* fa-angle-top */

	top: 0;
}
.scrollbar-indicator .scrollbar:after,
.scrollbar-indicator .scrollbar::after
{
	content: '\f107'; /* fa-angle-bottom */

	bottom: 0;
}
/*
.scrollbar-indicator:after,
.scrollbar-indicator::after
{
	content: 'Scrollbarer Bereich';
	position: absolute;
	top: 50%;
	right: 0;

	-webkit-transform: translate(59px, -50%) rotate(90deg);
	-ms-transform: translate(59px, -50%) rotate(90deg);
	transform: translate(59px, -50%) rotate(90deg);

	color: #121212;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	text-transform: uppercase;
}
*/
.scrollbar-indicator .liveticker
{
	position: relative;
	z-index: 1;
	padding-right: 52px;
	border-style: solid;
}
@media (max-width: 592px)
{
	.scrollbar-indicator .liveticker
	{
		padding-right: 45px;
	}
}

/* BEGIN CO2-Zähler */

.co2-counter-wrapper
{
	max-width: 844px;
	margin: 20px auto 24px auto;
	background: #38af48 url(../images/layout/co2-counter-background.svg) no-repeat right top;
	background-size: cover;
	border-radius: 0.5rem;
}
.column > .co2-counter-wrapper:last-child
{
	margin-bottom: 0;
}
.co2-counter-wrapper .column
{
	position: relative;
	padding: 20px 25px;
}
.co2-counter-wrapper .column-teaser::before
{
	content: '';
	position: absolute;
	display: block !important;
	top: 0;
	right: 25px;
	left: 25px;
	border-top: solid 1px #fff;
}
.co2-counter-wrapper .column > *:first-child
{
	margin-top: 0;
}
.co2-counter-wrapper .column > *:last-child
{
	margin-bottom: 0;
}
.co2-counter-wrapper *,
main .content .co2-counter-wrapper p
{
	color: #fff;
}
.co2-counter-wrapper .headline
{
	line-height: 1.3;
}
.co2-counter-wrapper .column-counter .headline
{
	margin-bottom: 0.625rem; /* 10/16 */
	font-size: 1.0625rem; /* 17/16 */
}
.co2-counter-wrapper .column-teaser .headline
{
	margin-bottom: 0.5rem; /* 8/16 */
}
.co2-counter-wrapper .column-teaser p
{
	margin-bottom: 0.625rem !important; /* 10/16 */
	font-size: 0.8125rem; /* 13/16 */
	line-height: 1.5;
}
.co2-counter-wrapper .info
{
	font-weight: 900;
}
.co2-counter-wrapper .counter
{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.co2-counter-wrapper .counter .digit
{
	padding: 0.8% 0;
	font-size: 1rem; /* 16/16 */
}
.co2-counter-wrapper .counter .digit:not(.comma)
{
	-webkit-flex-grow: 1;
	flex-grow: 1;

	background: #fff;
	border-radius: 4px;
	color: #000;
	text-align: center;
}
.co2-counter-wrapper .counter .digit:not(.comma) + .digit:not(.comma)
{
	margin-left: 1px;
}
.co2-counter-wrapper .counter .digit.comma
{
	padding-right: 4px;
	padding-left: 4px;
}
@media (min-width: 400px)
{
	.co2-counter-wrapper .counter .digit
	{
		font-size: 1.25rem; /* 20/16 */
	}
}
@media (min-width: 592px)
{
	.co2-counter-wrapper .column-counter .headline
	{
		margin-bottom: 1rem; /* 16/16 */
		font-size: 1.5rem; /* 24/16 */
	}
	.co2-counter-wrapper .column-teaser p
	{
		font-size: 1rem; /* 16/16 */
	}

	.co2-counter-wrapper .counter .digit
	{
		font-size: 1.5rem; /* 24/16 */
	}
}
@media (min-width: 784px)
{
	.co2-counter-wrapper
	{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}
	.co2-counter-wrapper .column
	{
		padding: 30px 40px 35px 40px;
	}
	.co2-counter-wrapper .column-counter
	{
		-webkit-flex: 0 0 60%;
		flex: 0 0 60%;
		-ms-flex-preferred-size: calc(60% - 40px - 40px);
	}
	.co2-counter-wrapper .column-teaser
	{
		-webkit-flex: 0 0 40%;
		flex: 0 0 40%;
		-ms-flex-preferred-size: calc(40% - 40px - 40px);
	}
	.co2-counter-wrapper .column-teaser::before
	{
		top: 30px;
		right: auto;
		bottom: 35px;
		left: 0;
		border-top: none;
		border-right: solid 1px #fff;
	}
}
@media (min-width: 920px)
{
	.co2-counter-wrapper .counter .digit
	{
		font-size: 1.75rem; /* 28/16 */
	}
}

/* BEGIN FontAwesome Icons überschreiben (u.a. nötig für die ganzen Presseinhalte) */

.fa-angle-up,
.fa-angle-right,
.fa-angle-down,
.fa-angle-left
{
	font-weight: normal !important;
	font-family: FontAwesome !important;
}

/* END FontAwesome Icons überschreiben */

/* BEGIN Änderungen an den Pressemeldungen (JL, 24.11.2020) */

.content .archive_wrapper
{
	margin-top: 1.5rem;
	padding-right: 0;
}
.content .dropdown-button.press-archives button
{
	outline: none;
	background: #d40f14;
}
.content .dropdown-button.press-archives button:hover,
.content .dropdown-button.press-archives button:focus,
.content .dropdown-button.press-archives button.expanded
{
	background: #ac0a26;
}
.content #press-archive li.active a
{
	color: #d40f14;
}
.content .month_select a:hover,
.content .month_select a:focus,
.content .month_select a.active,
.content .year_select a:hover,
.content .year_select a:focus,
.content .year_select a.active
{
	outline: none;
	color: #d40f14;
}

/* END Änderungen an den Pressemeldungen */

/* BEGIN Medienpool */

.content .form-group-tagsinput
{
	padding: 25px;
	background: #eaeaea;
}
.content .bootstrap-tagsinput
{
	background: #fff;
	border: solid 1px #e4e4e4;
}
.content .bootstrap-tagsinput:hover,
.content .bootstrap-tagsinput.focus
{
	background: #fff;
	border-color: #c6c7c8;
}
.content .form-group-tagsinput .submit
{
	border: none;
	background-color: transparent;
	background-image: url(../images/layout/search-black.svg);
}
.content .form-group-tagsinput .submit:hover,
.content .form-group-tagsinput .submit:focus
{
	background-color: transparent;
	background-image: url(../images/layout/search-red.svg);
}
.content .bootstrap-tagsinput .badge
{
	background: #d40f14;
}
.content .bootstrap-tagsinput .badge:hover,
.content .bootstrap-tagsinput .badge:focus
{
	background: #ac0a26;
}
.content .bootstrap-tagsinput .badge [data-role="remove"]:hover:after
{
	background-color: rgba(0, 0, 0, 0.5);
}
.content span.twitter-typeahead .tt-suggestion.tt-cursor,
.content span.twitter-typeahead .tt-suggestion:hover,
.content span.twitter-typeahead .tt-suggestion:focus
{
	background-color: #d40f14;
}

.content .badge-pill
{
	background: #d40f14;
}
.content .badge-pill:hover,
.content .badge-pill:focus,
.content .media-overview a:hover .badge-pill,
.content .media-overview a:focus .badge-pill
{
	background: #ac0a26;
}

.modal-open .modal
{
	padding-right: 0 !important;
}
.modal .modal-header,
.modal .modal-body,
.modal .modal-footer
{
	background: #fff;
}
.modal .modal-header
{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.modal .modal-header .close:not(:disabled):not(.disabled):hover,
.modal .modal-header .close:not(:disabled):not(.disabled):focus
{
	color: #d40f14;
}
.modal-body .col-md-12:not(.img-responsive)
{
	margin-top: 1.875rem;
	padding: 20px;
	background: #f2f2f2;
}
.modal-body .col-md-12:not(.img-responsive) .form-control
{
	background: #fff;
	border: solid 1px #e4e4e4;
	outline: none;
	box-shadow: none !important;
}
.modal-body .col-md-12:not(.img-responsive) .form-control:disabled,
.modal-body .col-md-12:not(.img-responsive) .form-control[readonly]
{
	opacity: 0.8;
	border-color: #e4e4e4;
}
.modal-body .col-md-12:not(.img-responsive) .form-control:hover,
.modal-body .col-md-12:not(.img-responsive) .form-control.hover,
.modal-body .col-md-12:not(.img-responsive) .form-control:focus,
.modal-body .col-md-12:not(.img-responsive) .form-control.focus
{
	background: #fff;
	border-color: #c6c7c8;
}
.modal #download
{
	background: #d40f14;
}
.modal #download:hover,
.modal #download:focus
{
	background: #ac0a26;
}
.modal #show-previous-image:hover,
.modal #show-previous-image:focus,
.modal #show-next-image:hover,
.modal #show-next-image:focus
{
	background: #d40f14;
}

/* END Medienpool */

/* BEGIN Kindertagespflegepersonen-Datenbank (JL, Neu seit 25.11.2020) */

.content .app-wrapper .expandable-content .row
{
	margin: 0;
	padding: 20px;
	background: #f2f2f2;
}
.content .app-wrapper .expandable-content .row + .row
{
	padding-top: 0;
}
.content .app-wrapper .expandable-content > .row:first-child
{
	margin-top: 0.375rem;
}
.content .app-wrapper .expandable-content > .row:last-child
{
	margin-bottom: 1rem;
}
.content .app-wrapper .expandable-content .row input[type="text"],
.content .app-wrapper .expandable-content .row select,
.content .app-wrapper .expandable-content .row textarea
{
	background: #fff;
}
.content .app-wrapper .expandable-content .row input[type="text"]:hover,
.content .app-wrapper .expandable-content .row input[type="text"]:focus,
.content .app-wrapper .expandable-content .row select:hover,
.content .app-wrapper .expandable-content .row select:focus,
.content .app-wrapper .expandable-content .row textarea:hover,
.content .app-wrapper .expandable-content .row textarea:focus
{
	border-color: #c6c7c8;
	outline: none;
}
.content .app-wrapper .expandable-content .row button
{
	background: #d40f14;
	outline: none;
	color: #fff;
	font-weight: bold;
}
.content .app-wrapper .expandable-content .row button:hover,
.content .app-wrapper .expandable-content .row button:focus
{
	background: #ac0a26;
}

.content .app-list .item-footer .detail
{
	color: #d40f14;
}
.content .item-footer .detail .status.full
{
	background: #d40f14;
}

.content .app-dialog-wrapper .dialog-head .action:hover,
.content .app-dialog-wrapper .dialog-head .action:focus
{
	color: #d40f14;
}
.content .dialog-content .title,
div main .content div.column .dialog-content h2.title
{
	color: #000;
}
.content .dialog-content .separator:not(.expandable-trigger)
{
	color: #000;
}

.app-toplink-overlayed .app-toplink-row .toplink
{
	outline: none;
}
.app-toplink-overlayed .app-toplink-row .toplink .icon
{
	background: #d40f14;
}
.app-toplink-overlayed .app-toplink-row .toplink:hover,
.app-toplink-overlayed .app-toplink-row .toplink:focus
{
	color: #ac0a26;
}
.app-toplink-overlayed .app-toplink-row .toplink:hover .icon,
.app-toplink-overlayed .app-toplink-row .toplink:focus .icon
{
	background: #ac0a26;
}

/* END Kindertagespflegepersonen-Datenbank */

/* BEGIN Vereine */

.content .selectlist:hover
{
	color: #d40f14;
}

/* END Vereine */

/* BEGIN Kindertagespflegepersonen-Login */

.tapp-login-headline
{
	font-weight: bold;
}
.tapp-login,
#main_form.tapp-login
{
	padding-top: 20px;
	padding-bottom: 20px;
}
.tapp-login .wrapper
{
	margin-bottom: 1.25rem;
}
.tapp-login .row-submit
{
	margin-top: 0;
	margin-bottom: 0;
}

/* END Kindertagespflegepersonen-Login */

/* BEGIN Corona Indexmeldung (JL, Neu seit 23.12.2020) */

.form-contact #form-contact-new
{
	background: #d40f14;
	outline: none;
	color: #fff;
	font-weight: bold;
}
.form-contact #form-contact-new:hover,
.form-contact #form-contact-new:focus
{
	background: #ac0a26;
}

/* END Corona Indexmeldung */

/* BEGIN Videos */

.video-details .content > .release-date
{
	margin: 1.3em 0 1em 0;
	/* padding-bottom: 1em; */
	/* border-bottom: solid 1px #e4e4e4; */
	font-size: 1.25em;
}

.video-details .column > .header_image:first-child
{
	margin-top: 0.75em;
}
.video-information .description-title,
main .content div.column .video-information .description-title
{
	margin: 1em 0 0.4em 0;
	font-weight: bold;
}
.video-information .description
{
	margin-top: 0;
}
.video-details main .content.big_padding_bottom + .white-background
{
	margin-top: -80px;
}
@media (max-width: 575px)
{
	.video-details main .content.big_padding_bottom
	{
		padding-bottom: 45px;
	}
	.video-details main .content.big_padding_bottom + .white-background
	{
		margin-top: -35px;
	}
}

@media (max-width: 640px)
{
	main ul.teasers.video-teasers li,
	main ul.teasers_wide.video-teasers li
	{
		margin: 8px 25px 25px 25px;
	}
}
main .teasers.video-teasers li a .image_wrapper
{
	height: 0;
	padding-bottom: 55.55555555555556%; /* (200/360)*100 */
}
@media (max-width: 767px)
{
	main .teasers.video-teasers li a .image_wrapper
	{
		/* height: 250px; */
		height: 0;
	}
}
@media (max-width: 480px)
{
	main > .content:not(.content-anzeigen) .teasers.video-teasers .image_wrapper
	{
		display: block;
	}
	main > .content:not(.content-anzeigen) .teasers.video-teasers .text_wrapper:before,
	main > .content:not(.content-anzeigen) .teasers.video-teasers .text_wrapper::before
	{
		display: none;
	}
}
.teasers.video-teasers .release-date
{
	margin-top: 0;
	color: #000;
	font-weight: bold;
}
.teasers.video-teasers .release-date strong
{
	font-weight: bold;
}
.teasers.video-teasers .image_wrapper
{
	height: auto;
}

.video-teaser-more-button-wrapper
{
	padding-bottom: 2em;
	text-align: center;
}
.video-teaser-more-button
{
	padding: 0.6em 0.9em;
	border: none;
	background: #d40f14;
	color: #fff;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: normal;
	text-decoration: none;
}
.video-teaser-more-button:hover,
.video-teaser-more-button:focus
{
	background: #ac0a26;
	color: #fff;
}

/* Livestream-Wrapper */

.livestream-wrapper
{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.23529411764706%; /* (478/850)*100 */
}
.livestream-wrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* END Videos */

/* BEGIN NEW Footer logo (JL, 20210521) */

.footer-logo
{
	display: block;
	width: 260px;
	max-width: 100%;
	height: auto;
	margin: 26px 0 2em 0;
}
@media (max-width: 1209px)
{
	.footer-logo
	{
		width: 220px;
	}
}
@media (max-width: 784px)
{
	.footer-logo
	{
		width: 171px;
	}
}

/* END NEW Footer logo (JL, 20210521) */

/* BEGIN Druck-Styles */

@media print
{
	body
	{
		min-width: 0 !important; /* not enough - had to comment out a rule in /assets/styles/bootstrap/css/bootstrap.min.css */
	}

	.ov-menu-visible,
	.ov-menu-visible body
	{
		overflow: auto;
		position: static;
	}
	.ov-menu-button,
	.ov-menu-wrapper
	{
		display: none;
	}
	.ov-site-wrapper-outer
	{
		overflow: auto;
	}
	.ov-site-wrapper-inner,
	.ov-menu-visible .ov-site-wrapper-inner
	{
		position: static;
		margin-top: 0 !important;
		margin-left: 0 !important;
	}
	.ov-site-wrapper-inner:before,
	.ov-site-wrapper-inner::before
	{
		display: none;
	}

	header .top
	{
		background: #fff;
		border-bottom: solid 1px #e4e4e4;
	}
	header .top .content .left .section,
	header .top .content .left .section .title
	{
		color: #000;
	}
	header .top .content .left .logo img
	{
		display: none;
	}
	header .top .content .left .logo .print
	{
		display: block;
	}

	header .top .content .right
	{
		display: none;
	}
	header .top .content .right > span.weather + span.separator,
	header .top .content .right > span.readspeaker,
	header .top .content .right > span.readspeaker + span.separator,
	header .top .content .right > span.search
	{
		/* display: none; */
	}

	.ov-site-wrapper-inner > footer
	{
		display: none;
	}

	.cookie_layer_wrapper
	{
		display: none !important;
	}

	a
	{
		text-decoration: none !important;
	}

	.lop-menu
	{
		display: none !important;
	}
	.lop-overview
	{
		overflow: hidden !important;
		display: block !important;
	}
	.lop-overview .column
	{
		float: left !important;
		display: block !important;
		-webkit-flex: none !important;
		flex: none !important;
	}
	.lop-overview .column-60
	{
		width: 60% !important;
	}
	.lop-overview .column-40
	{
		width: 40% !important;
	}

	.lop-article-content
	{
		overflow: auto !important;
	}
	.lop-article-content .image-left
	{
		float: left !important;
		width: 320px !important;
		margin: 4px 24px 24px 0 !important;
	}
}

/* END Druck-Styles */


/* BEGIN: Neue LVW-Elemente (ab 23.11.2021, JL) */

/* Button */

.button-os
{
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0.2em 0.2em 0.2em 1.5em;

	line-height: 1.1;
}
.button-os .button-icon
{
	position: relative;
	display: inline-block;
	width: 1.25em;
	height: auto;
	margin-left: -1.25em;
}
.button-os .button-icon .icon
{
	display: block;

	width: 95%;
	height: auto;

	-webkit-transform: translate(-15%, 15%);
	-ms-transform: translate(-15%, 15%);
	transform: translate(-15%, 15%);

	color: #d40f14;
}

/* A-Z Listen */

@media (max-width: 400px)
{
	.lvw-list-leistungen li
	{
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
}

li.has_od
{
	position: relative;
	padding-right: 3em;
}
li.has_od .button-os
{
	position: absolute;
	/* top: 0.3em; */
	right: 0;

	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

	/* bottom: 0.3em; */
	width: 2.8em;
	height: 2.8em;
	margin: 0 !important;
	padding: 0 !important;

	background: #d40f14;
	border-radius: 0.4rem;

	/* background-color: #f2f2f2; */ /* #f2f2f2 #e4e4e4 */
	color: #fff;
}
li.has_od .button-os:hover,
li.has_od .button-os:focus
{
	/* background-color: #e4e4e4; */
	background: #ac0a26;
	color: #fff;
}
li.has_od .button-os:after,
li.has_od .button-os::after
{
	display: none !important;
}
li.has_od .button-os .button-icon
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: auto;
	margin: 0;
}
li.has_od .button-os .button-icon .icon
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1.6em;
	height: auto;
	margin: 0;

	/* color: #000; */
	color: #fff;
}
li.has_od .button-os:hover .button-icon .icon,
li.has_od .button-os:focus .button-icon .icon
{
	/* color: #ac0a26; */
	/* color: #d40f14; */
	color: #fff;
}
li.has_od .button-os .button-label
{
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	text-indent: -1000000px;
}

/* Unter der Überschrift */

.lvw-headline .button-wrapper
{
	display: block;
	margin: 1.75rem 0 0 0;
}
.lvw-headline .button-os
{
	margin: 0 !important;
	font-size: 1.125rem;
	/* padding-left: 2.5rem; */
	padding: 1em 1em 1em 3.5em;
	background: #d40f14;

	color: #fff;
}
.lvw-headline .button-os:hover,
.lvw-headline .button-os:focus
{
	background: #ac0a26;
	color: #fff;
}
@media (max-width: 592px)
{
	.lvw-headline.has_od
	{
		margin-bottom: 1.5rem;
	}
	.lvw-headline.has_od + .block_wrapper
	{
		margin-top: -1.5rem;
	}
	.lvw-headline .button-wrapper
	{
		margin-top: 1.5rem;
	}
	.lvw-headline .button-os
	{
		font-size: 1rem;
	}
}
.lvw-headline .button-os:after,
.lvw-headline .button-os::after
{
	display: none !important;
}
.lvw-headline .button-os .button-icon
{
	position: absolute;
	top: 50%;
	left: 1.75em;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	width: 3.5em;
	height: 1em;
	margin: 0 0 0 1px;
}
.lvw-headline .button-os .button-icon .icon
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -45%);
	transform: translate(-50%, -50%);
	width: 42%;

	color: #fff;
}
.lvw-headline .button-os:hover .button-icon .icon,
.lvw-headline .button-os:focus .button-icon .icon
{
	color: #fff;
}

/* Rechte Spalte */

/*
span.has_od
{
	display: block;
	margin: 0.625rem 0;
}
span.has_od .button-os
{
	display: inline-block;
	padding: 0.875rem 2rem 0.8125rem 1.75rem;

	color: #121212;
	font-size: 1rem;
	text-decoration: none;
}
@media (max-width: 592px)
{
	span.has_od .button-os
	{
		font-size: 0.875rem;
	}
}

span.has_od .button-os:hover,
span.has_od .button-os:focus
{
	color: #d40f14;
	text-decoration: underline;
}
span.has_od .button-os .button-icon
{
	display: inline-block;
	width: 1.5rem;
	height: 1em;
	margin-left: -1.5rem;
}
span.has_od .button-os .button-icon .icon
{
	position: absolute;
	left: 0;
	top: 50%;
	width: auto;
	height: 135%;
	-webkit-transform: translate(-10%, -40%);
	-ms-transform: translate(-10%, -40%);
	transform: translate(-10%, -40%);

	color: #d40f14;
}
*/

span.has_od
{
	display: block;
	/* margin: 0.625rem 0 0.75em 0; */
	margin: 1.25rem 0 1.25rem 0 !important;
}
span.has_od .button-os
{
	/* margin: 0 !important; */
	/* padding-left: 2.5rem; */
	display: block !important;
	padding: 1em 1em 1em 3.5em;
	background: #d40f14;

	color: #fff;
	font-weight: bold;
	font-size: 1rem;
	text-decoration: none;
}
@media (max-width: 592px)
{
	span.has_od .button-os
	{
		font-size: 0.875rem;
	}
}
span.has_od .button-os:hover,
span.has_od .button-os:focus
{
	background: #ac0a26;
	color: #fff;
}
span.has_od .button-os:after,
span.has_od .button-os::after
{
	display: none !important;
}
span.has_od .button-os .button-icon
{
	position: absolute;
	top: 50%;
	left: 1.75em;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	width: 3.5em;
	height: 1em;
	margin: 0 0 0 1px;
}
span.has_od .button-os .button-icon .icon
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -45%);
	transform: translate(-50%, -50%);
	width: 42%;

	color: #fff;
}
span.has_od .button-os:hover .button-icon .icon,
span.has_od .button-os:focus .button-icon .icon
{
	color: #fff;
}





/* Filter Checkbox */

.filter-os
{
	position: relative;
	padding: 1em 1em 1em 2.5em;
	background: #f2f2f2;
	font-size: 1rem;
}
@media (max-width: 592px)
{
	.filter-os
	{
		font-size: 0.875rem;
	}
}
.filter-os *
{
	font-size: 1em;
}
.filter-os input
{
	display: inline-block;
	position: absolute;
	top: 1.375em;
	left: 1.25em;
}
.icon-wrapper
{
	display: inline-block;
}
.icon-wrapper .icon
{
	-webkit-transform: scale(105%) translate(0, 15%);
	-ms-transform: scale(105%) translate(0, 15%);
	transform: scale(105%) translate(0, 15%);
}

.white-space-nowrap
{
	white-space: nowrap;
}

/* Filter Button */

/*
.filter-os-button
{
	display: block;
	width: 100%;
	padding-right: 3em;
	padding-left: 3em;
	background: #d40f14;

	color: #fff;
	font-weight: bold;
	font-size: 1.125em;
	line-height: 1.35;
	text-align: left;
}
.filter-os-button:hover
{
	background: #ac0a26;
}
.filter-os-button:focus
{
	outline: solid 0.125rem #000 !important;
	outline-offset: -0.125rem;
}

.filter-os-button .icon-wrapper
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 3em;
}
.filter-os-button .icon
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(130%);
	-ms-transform: translate(-50%, -50%) scale(130%);
	transform: translate(-50%, -50%) scale(130%);
}
.filter-os-button .check-icons
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 3em;
}
.filter-os-button .check-icon
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(130%);
	-ms-transform: translate(-50%, -50%) scale(130%);
	transform: translate(-50%, -50%) scale(130%);
}

.filter-os-button:not(.selected) .icon-selected
{
	display: none;
}
.filter-os-button.selected .check-icon:not(.icon-selected)
{
	display: none;
}
*/

.wrapper-odleistungen
{
	display: block;
	margin: 0.625rem 0 0.75em 0;
}
.wrapper-odleistungen .button-os
{
	/* margin: 0 !important; */
	/* padding-left: 2.5rem; */
	padding: 1em 1em 1em 3.5em;
	background: #d40f14;

	color: #fff;
	font-weight: bold;
	font-size: 1.125rem;
	text-decoration: none;
}
@media (max-width: 592px)
{
	.wrapper-odleistungen .button-os
	{
		font-size: 1rem;
	}
}
.wrapper-odleistungen .button-os:hover,
.wrapper-odleistungen .button-os:focus
{
	background: #ac0a26;
	color: #fff;
}
.wrapper-odleistungen .button-os:after,
.wrapper-odleistungen .button-os::after
{
	display: none !important;
}
.wrapper-odleistungen .button-os .button-icon
{
	position: absolute;
	top: 50%;
	left: 1.75em;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	width: 3.5em;
	height: 1em;
	margin: 0 0 0 1px;
}
.wrapper-odleistungen .button-os .button-icon .icon
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -45%);
	transform: translate(-50%, -50%);
	width: 42%;

	color: #fff;
}
.wrapper-odleistungen .button-os:hover .button-icon .icon,
.wrapper-odleistungen .button-os:focus .button-icon .icon
{
	color: #fff;
}

/* Buchstaben-Zwischenüberschriften */

.lvw-list-leistungen + .lvw-toplink-container
{
	margin-top: -1.2em;
}
.support-overview
{
	margin: 1.8em 0 1em 0 !important;
	font-weight: bold !important;
}
.support-overview + .lvw-list-leistungen
{
	margin-top: 0;
}

/* OD-Alphabet */

.od-alphabet li
{
	padding: 0 0 3.5em 3.5em !important;
}



/* END: Neue LVW-Elemente (ab 23.11.2021, JL) */

/* BEGIN: Neuer columns-wrapper (ab 04.02.2022, JL) */

.columns-wrapper.columns
{
	margin: 1.5em 0;
}
.columns-wrapper.columns:first-child
{
	margin-top: 0;
}
.columns-wrapper.columns:last-child
{
	margin-bottom: 0;
}

/* END: Neuer columns-wrapper (ab 04.02.2022, JL) */

/* BEGIN: figure, figure-caption Bildunterschrift (ab 07.02.2022, JL) */

.figure
{
	margin: 1.25em 0;
	padding: 0;
	display: inline-block;
}

.figure img,
.figure-img
{
	float: none !important;
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0;
}
.figure-caption,
main .columns p.figure-caption
{
	display: block;
	margin: 0;
	padding: 0.25em 0.5em 0.35em 0.5em;
	background: #f2f2f2;
	color: #121212;
	font-size: 0.875rem;
	line-height: 1.4;
}
@media (max-width: 592px)
{
	.figure-caption
	{
		font-size: 0.75rem;
	}
}

.image-slider .item
{
	color: #121212;
	text-decoration: none;
}
.image-slider .item img
{
	width: 100%;
	max-width: 550px;
	margin: auto;
}
.image-slider .item:hover,
.image-slider .item:focus
{
	text-decoration: underline;
}

/* END: figure, figure-caption Bildunterschrift (ab 07.02.2022, JL) */

/* BEGIN: Mehrspaltige Elemente (ab 31.03.2022, JL) */

main .columns p
{
	margin: 0.875em 0;
	padding: 0;
}
main .columns > p
{
	-webkit-column-break-inside: auto;
	page-break-inside: auto;
	break-inside: auto;
}
main .columns.columns-3
{
	columns: 3;
}
@media (max-width: 991px)
{
	main .columns.columns-3
	{
		columns: 2;
	}
}
@media (max-width: 767px)
{
	main .columns.columns-3
	{
		columns: 1;
	}
}

/* END: Mehrspaltige Elemente (ab 31.03.2022, JL) */

/* BEGIN: Flex-row und 1/3 / 2/3 Columns (ab 04.04.2022, JL) */

.row-flex
{
	display: flex;
	flex-flow: row wrap;
	/*margin: 1em 0 1em -20px;*/
	margin: 1em -0.75rem 1em -0.75rem; /* x -12/16 x -12/16 */
}
.row-flex:first-child,
.row-flex > .col > *:first-child
{
	margin-top: 0;
}
.row-flex:last-child,
.row-flex > .col > *:last-child
{
	margin-bottom: 0;
}
.row-flex .col
{
	flex: 0 0 100%;
	/*padding: 0.5em 0 0.5em 20px;*/
	padding: 0.5em 0.75rem 0.5em 0.75rem; /* x 12/16 x 12/16 */
}
.row-flex .col + .col
{
	/*padding-right: 0;*/
}

/* use flex-layout when building teaser-rows with 50/50 columns */
.col.col-1-1:has(div.teaser-box)
{
	display: flex;
}

/* fix for padding making the columns vary in size only applicable as long as we don't have any actual 1/3-1/3-1/3 layouts but always either one or two columns per row only*/

.row-flex .col.col-1-1:nth-child(odd),
.row-flex .col.col-2-3:nth-child(odd),
.row-flex .col.col-2-3:nth-child(odd)
{
	/*padding-right: 0;*/
}

@media (min-width: 769px)
{
	.row-flex.row-flex-reverse-tablet
	{
		flex-flow: row-reverse wrap-reverse;
	}

	.row-flex .col,
	.row-flex .col-1-1
	{
		flex: 1 1 50%;
	}

	.row-flex .col.col-1-3
	{
		flex: 0 0 50%;
		/* padding: 20px; */
	}
	.row-flex .col.col-2-3
	{
		flex: 0 0 50%;
		/* padding: 20px; */
	}
}
@media (min-width: 992px)
{
	.row-flex .col.col-1-3
	{
		flex: 0 0 calc(33.3333333333% - 0.5rem);
		/* padding: 20px; */
	}
	.row-flex .col.col-2-3
	{
		margin-left: auto;
		flex: 0 0 calc(66.6666666667% - 0.3rem);
		/* padding: 20px; */
	}
	.row-flex:not(.row-flex-reverse-tablet) .col.col-1-3 + .col.col-2-3,
	.row-flex.row-flex-reverse-tablet .col.col-2-3 + .col.col-1-3
	{
		margin-left: auto;
	}

	.row-flex:not(.row-flex-reverse-tablet) .col.col-2-3 + .col.col-1-3,
	.row-flex.row-flex-reverse-tablet .col.col-1-3 + .col.col-2-3
	{
		margin-right: auto;
	}
}

/* END: Flex-row und 1/3 / 2/3 Columns (ab 04.04.2022, JL) */


/* BEGIN inline-data formats */

.inline-data-wrapper,
.inline-data-wrapper *
{
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.inline-data-wrapper
{
	display: flex;
	flex-flow: row wrap;

	margin-top: 1rem;
	margin-bottom: 1rem;
}
.inline-data-item
{
	flex: 0 0	100%;
	display: flex;
	flex-flow: row wrap;

	padding-top: 0.5rem;
	padding-bottom: 0.5rem
}
@media (min-width: 400px)
{
	.inline-data-item
	{
		flex-flow: row nowrap;
	}
}
.inline-data-item > *
{
	flex-grow: 1;

	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;

	text-align: left !important;
}
.inline-data-item > *:first-child
{
	flex: 0 0 100%;
	padding-right: 1.5rem;
}
@media (min-width: 400px)
{
	.inline-data-item > *:first-child
	{
		flex: 0 0 40%;
	}
}
/* @media (min-width: 592px) */
@media (min-width: 784px)
{
	.inline-data-item > *:first-child
	{
		flex: 0 0 30%;
	}
}

/* version/variant with border */

.inline-data-wrapper.bordered .inline-data-item + .inline-data-item
{
	margin-top: 0.5rem;
	padding-top: 1rem;
	border-top: solid 1px #e4e4e4;
}

/* columns */

main .columns > .inline-data-wrapper:first-child > .inline-data-item:first-child,
main .columns > .inline-data-wrapper:first-child > .inline-data-item:first-child > *:first-child
{
	padding-top: 0;
}

@media (min-width: 767px)
{
	main .columns .inline-data-item
	{
		flex-flow: row wrap;
	}
}
@media (min-width: 920px)
{
	main .columns .inline-data-item
	{
		flex-flow: row nowrap;
	}
}
@media (min-width: 767px)
{
	main .columns .inline-data-item > *:first-child
	{
		flex: 0 0 100%;
	}
}
@media (min-width: 920px)
{
	main .columns .inline-data-item > *:first-child
	{
		flex: 0 0 40%;
	}
}

/* END inline-data formats */


/* BEGIN overwrite of cookiebanner colors */

.lynet_cookie_banner_head p
{
	color: #121212 !important;
}

/* END overwrite of cookiebanner colors */

/* BEGIN image grid test */

.image-grid
{
	display: grid;

	grid-column-gap: 1.5625rem;
	grid-row-gap: 1.5625rem;

	margin: 1.75rem 0;
}
@media (min-width: 480px)
{
	.image-grid
	{
		grid-template-columns: minmax(100px, 1fr) 2fr;
	}
}
@media (min-width: 640px)
{
	.image-grid
	{
		grid-column-gap: 2.5rem;
	}
}

@media (min-width: 480px)
{
	.image-grid.image-right
	{
		grid-template-columns: 2fr minmax(100px, 1fr);
	}
}

.image-grid p:first-child
{
	margin-top: 0;
}
.image-grid p:last-child
{
	margin-bottom: 0;
}
.image-grid .image
{
	/* justify-self: center; */
	align-self: center;
}
.image-grid .image img
{
	display: block;
	width: 70%;
	margin: 0 auto;
}
.image-grid .text
{
	text-align: center;
	align-self: center;
}
@media (min-width: 480px)
{
	.image-grid .text
	{
		text-align: left;
	}
}

.image-grid.photo-grid
{
	grid-template-rows: 200px 1fr;
}
@media (min-width: 480px)
{
	.image-grid.photo-grid
	{
		grid-template-rows: none;
		grid-auto-rows: minmax(200px, 1fr);
	}
}
.image-grid.photo-grid .image
{
	position: relative;
	align-self: stretch;
}
.image-grid.photo-grid .image img
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

	object-fit: cover;
	width: 100%;
	height: 100%;
	margin: 0;
}
.image-grid.photo-grid .text
{
	text-align: left;
	/* align-self: start; */
}

.test-grid
{
	display: grid;
	/* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
	grid-template-columns: 1fr;
	grid-column-gap: 1.5625rem; /* 25/16 */
	grid-row-gap: 0;
	grid-auto-rows: minmax(200px, auto);

	margin: 1.75rem 0;
}
@media (min-width: 784px)
{
	.test-grid
	{
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 0;
		grid-row-gap: 1.5625rem; /* 25/16 */
	}
}

.test-grid > *:nth-child(even):not(:last-child)
{
	margin-bottom: 1.5625rem; /* 25/16 */
}
@media (min-width: 784px)
{
	.test-grid > *:nth-child(even):not(:last-child)
	{
		margin-bottom: 0;
	}
}

/* BEGIN test einschub */

@media (min-width: 991px)
{
	.test-grid
	{
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 1.5625rem; /* 25/16 */
		grid-row-gap: 1.5625rem; /* 25/16 */

		/* grid-auto-rows: 1fr; */
	}
	.test-grid > *:nth-child(1)
	{
		grid-column: span 2;
		grid-row-start: 2;
	}
	.test-grid > *:nth-child(2)
	{
		/* grid-row-start: 1; */
	}
	.test-grid > *:nth-child(3)
	{
		/* grid-row-start: 1; */
	}
	.test-grid > *:nth-child(4)
	{
		grid-row: 1 / 3;
		grid-column: 3 / 4;
	}
}

/* END test einschub */

.test-grid .image
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 16/9;
}
.test-grid .text
{
	padding: 1.5625rem; /* 25/16 */
	padding-top: 2.25rem;
	padding-bottom: 2.5rem;
	background: #f2f2f2;
}
.test-grid .text > *:first-child
{
	margin-top: 0;
}
.test-grid .text > *:last-child
{
	margin-bottom: 0;
}
.test-grid .text h3,
.test-grid .text .h3
{
	margin: 0.9em 0 0.65em 0;
}
.test-grid .text p
{
	margin: 0.625em 0;
}

@media (min-width: 480px)
{

}
@media (min-width: 640px)
{

}

/* END image grid test */
.copyright
{
	margin: 25px 0 0 0;
	font-size: 14px;
	display: inline-block;
}
@media (max-width: 986px)
{
	.copyright
	{
		margin: 25px 0 -90px 0;
	}
}

.onclick
{
	cursor: pointer;
}

/* START image-teaser.css */


.flex
{
	display: flex;
	flex-flow: row wrap;
	margin: -0.75rem; /* -12/16 */
}
.flex .column-50
{
	flex: 0 0 100%;
	padding: 0.75rem; /* 12/16 */
	display: flex;
}
@media (min-width: 768px)
{
	.flex .column-50
	{
		flex: 0 0 50%;
	}
}
.teaser-container
{
	flex: 0 0 100%;
	display: flex;
	background-color: rgba(255, 255, 255, 0.9);

	flex-direction: column;
}
@media (min-width: 576px)
{
	.teaser-container
	{
		flex-direction: row;
	}
}
.image-container
{
	flex: 0 0 152px;
	height: 100%;
	min-height: 152px;
}
@media (min-width: 576px)
{
	.image-container
	{
		/*flex: 0 0 152px;*/
		/*min-height: 152px;*/
	}
}
.image-container img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.icon-container
{
	flex: 0 0 auto;
	height: auto;
	min-height: initial;

	display: flex;
	justify-content: flex-start;
	align-items: center;

	padding: 24px 20px 0 20px;
}
@media (min-width: 576px)
{
	.icon-container
	{
		flex: 0 0 152px;
		height: 100%;
		min-height: 152px;

		justify-content: center;

		padding-bottom: 30px;
	}
}
.icon-container img
{
	width: auto;
	height: auto;
	max-width: 80px !important;
	object-fit: contain;
}

.text-container
{
	flex: 1 0 40%;
	padding: 24px 20px 30px 20px;

	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
@media (min-width: 576px)
{
	.text-container
	{
		padding-right: 40px;
	}
}
.text-container > *
{
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.35;
}
@media (min-width: 576px)
{
	.text-container > *
	{
		font-size: 1rem;
	}
}
.text-container > *:first-child
{
	font-weight: bold;
	font-size: 1rem;
}
@media (min-width: 576px)
{
	.text-container > *:first-child
	{
		font-size: 1.125rem;
	}
}
.text-container > * + *
{
	margin-top: 8px;
}

/* link-related css */

.link-container
{
	cursor: pointer;
}

a.teaser-container,
a.teaser-container *
{
	text-decoration: none !important;
}
a.teaser-container:hover .text-container > *:first-child,
a.teaser-container:focus .text-container > *:first-child
{
	color: #d40f14;
	text-decoration: underline !important; /* comment this line for live system (without accessibility styles) */
}

.text-container > *:first-child a
{
	color: inherit;
	text-decoration: none !important;
}
.text-container > *:first-child a:hover,
.text-container > *:first-child a:focus,
.link-container:hover a:first-of-type,
.link-container:focus a:first-of-type
{
	outline: none !important;
	color: #d40f14;
	text-decoration: underline !important; /* comment this line for live system (without accessibility styles) */
}

a.teaser-container .text-container > *:first-child,
.text-container > *:first-child a
{
	display: inline-block;
	padding-right: 0.8182em;
}
a.teaser-container .text-container > *:first-child::after,
.text-container > *:first-child a::after
{
	content: '\f105';
	display: inline-block;
	width: 0.8182em;
	margin-right: -0.8182em;
	font-style: normal;
	font-family: FontAwesome;
	text-align: right;
}

/* END image-teaser.css */

/* START employees.css */

@media (min-width: 786px) and (max-width: 1227px){
	.infokasten.mitarbeiter .col-1-3{
		flex: 0 0 33%;
	}
	.infokasten.mitarbeiter .col-2-3{
		padding-left: 0;
	}
	.infokasten.mitarbeiter img{
		width: 120px;
		height: 120px;
		object-fit: cover;
		max-width: max-content;
	}
}

.infokasten.infokasten-outline {
	border: 1px solid #c6c7c8;
	background-color: unset;
}

.infokasten.bg-none
{
	background-color: #FFF;
	border: none;
}
.infokasten.employees .text-container > :first-child {
	font-style: italic;
	font-size: 1em;
}
.infokasten.employees .teaser-container {
	border-color: #E4E4E4;
	border-style: solid;
	border-width: 1px;
}
.infokasten.employees  .image-container img {
	height: inherit;
}
@media (max-width: 576px){
	.infokasten.employees  .image-container {
		min-height: 250px;
	}
	.infokasten.employees  .image-container img {
		height: 100%;
	}
}

/* Icon Teaser */

.infokasten.icon-teaser .icon-teaser-container {
	width: 100%;
	float: left;
}
.infokasten.icon-teaser .icon-teaser-container img {
	height: 50px;
	width: auto;
}
@media (min-width: 575px){
	.infokasten.icon-teaser .icon-teaser-container {
		width: 50%;
	}
	.icon-teaser div.icon-teaser-container p {
		padding-right: 1.5em;
	}
	.icon-teaser div.icon-teaser-container:nth-child(even) p {
		/*padding-right: 0;*/
	}
}
@media (min-width: 767px){
	.infokasten.icon-teaser .icon-teaser-container {
		width: 25%;
	}
	.icon-teaser div.icon-teaser-container:nth-child(even) p {
		padding-right: 1.5em;
	}
	.icon-teaser div.icon-teaser-container:nth-child(4n+0) p {
		/*padding-right: 0;*/
	}
}


/* Infokasten mit Videos 2-Spaltig*/

.infokasten.videos-2 .teaser-container {
	background-color: transparent;
}

.infokasten.videos-2 .text-container {
	padding: 0;
}
.infokasten.videos-2 .text-container > * {
	padding: 0;
	font-size: 1rem;
}
@media (min-width: 576px){
	.infokasten.videos-2 .text-container > * {
		font-size: 1.125rem;
	}
}


/* Infokasten mit Tabelle */

.infokasten.list-table > *:first-child {
	margin-top: 0 !important;
	margin-bottom: -10px;
}
.infokasten.list-table p{
	font-weight: bold;
}
.infokasten.list-table ul{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
}
.infokasten.list-table li{
	width: 100%;
	padding: 2px 2px 2px 20px;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.35;
}
.infokasten.list-table  li:before{
	content: "\2022";
	padding-right: 5px;
	float: left;
	margin-left: -10px;
	width: 10px;
}
.infokasten.list-table li:last-child
{
	flex-grow: 1;
}
@media (max-width: 575px){
	.infokasten.list-table li:nth-child(n){
		flex-break: after;
	}
	.infokasten.list-table li:nth-child(2n)
	{
		background-color: rgba(0, 0, 0, 0.19);
	}
}
@media (min-width: 576px) and (max-width: 767px){
	.infokasten.list-table li:nth-child(2n)
	{
		flex-break: after;
	}
	.infokasten.list-table li:nth-child(4n),
	.infokasten.list-table li:nth-child(4n-1)
	{
		background-color: rgba(0, 0, 0, 0.19);
	}
	.infokasten.list-table li{
		width: 50%;
		font-size: 1rem;
		line-height: 1.6875;
	}
}
@media (min-width: 768px){
	.infokasten.list-table ul:not(.columns-4):not(.columns-2) li:nth-child(3n)
	{
		flex-break: after;
	}
	.infokasten.list-table ul:not(.columns-4):not(.columns-2) li:nth-child(6n),
	.infokasten.list-table ul:not(.columns-4):not(.columns-2) li:nth-child(6n-1),
	.infokasten.list-table ul:not(.columns-4):not(.columns-2) li:nth-child(6n-2)
	{
		background-color: rgba(0, 0, 0, 0.19);
	}
	.infokasten.list-table ul:not(.columns-4):not(.columns-2) li{
		width: 33.33333333%;
		font-size: 1rem;
		line-height: 1.6875;
	}
}

@media (min-width: 768px){
	.infokasten.list-table ul.columns-4 li:nth-child(4n)
	{
		flex-break: after;
	}
	.infokasten.list-table ul.columns-4 li:nth-child(8n),
	.infokasten.list-table ul.columns-4 li:nth-child(8n-1),
	.infokasten.list-table ul.columns-4 li:nth-child(8n-2),
	.infokasten.list-table ul.columns-4 li:nth-child(8n-3)
	{
		background-color: rgba(0, 0, 0, 0.19);
	}
	.infokasten.list-table ul.columns-4 li{
		width: 25%;
		font-size: 1rem;
		line-height: 1.6875;
	}

	.infokasten.list-table ul.columns-2 li:nth-child(2n)
	{
		flex-break: after;
	}
	.infokasten.list-table ul.columns-2 li:nth-child(4n),
	.infokasten.list-table ul.columns-2 li:nth-child(4n-1)
	{
		background-color: rgba(0, 0, 0, 0.19);
	}
	.infokasten.list-table ul.columns-2 li{
		width: 50%;
		font-size: 1rem;
		line-height: 1.6875;
	}

}

/* END employess.css */

/* START section-with-banner.css */

.image-container.deco-container {
	min-height: 120px;
}

.image-container.deco-container img {
	max-height: 120px;
	object-position: center;
}

.deco-banner-headline {
	font-weight: bold;
}

main .content div.left h2.deco-banner-headline,
main .content div.column h2.deco-banner-headline,
main .content div.columns h2.deco-banner-headline {
	font-weight: bold;
}

/* END section-with-banner.css */

/* START 2-column-image-content.css */

.two-column-section {
	display: flex;
	flex-direction: row;
	padding: 0;
	background-color: #F2F2F2;
	/* padding: 0 2.625rem 0 0; */
	/*padding: 1.875rem 2.625rem 0 0;*/
	/*margin-bottom: 3rem;*/
}
.infokasten .two-column-section {
	background-color: transparent;
}

.two-column-section .image-container.two-column-image-container {
	width: 50%;
	height: auto;
	flex: 0 0 auto;
	/* padding-right: 0.9375rem; */
	padding: 0;
}

.two-column-section .two-column-content {
	width: 50%;
	/* padding-left: 3.625rem; */
	padding: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

main .content div.column .two-column-section .two-column-content h2 {
	font-weight: bold;
	font-size: 2.375rem;
	line-height: 2.75rem;
	margin-bottom: 1.25rem;
	margin-top: 0;
}

.two-column-section .two-column-content h3 {
	margin-top: 0;
}
/*
.two-column-section .two-column-content a {
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.two-column-section .two-column-content a:hover {
	text-decoration: underline;
}

.two-column-section .two-column-content a:after {
	content: '\f105';
	display: inline-block;
	width: 0.8182em;
	margin-right: -0.8182em;
	font-family: FontAwesome;
	text-align: right;
}
*/
.two-column-section.reverse {
	flex-direction: row-reverse;
	padding-right: 0;
}

.reverse .two-column-content {
	padding: 3rem;
}

.reverse .image-container.two-column-image-container {
	/* padding: 0 0 0 1.875rem; */
	padding: 0;
}

@media screen and (max-width: 992px) {
	.two-column-section {
		padding-right: 0;
	}
	.two-column-section .two-column-content {
		padding: 1rem;
	}
	.reverse.two-column-section .two-column-content {
		padding-right: 1rem;
	}
	main .content div.column .two-column-section .two-column-content h2,
	.two-column-section .two-column-content h3 {
		margin-bottom: 0.8125em;
	}
}

@media screen and (max-width: 767px) {
	.two-column-section {
		/* padding: 0 2.625rem 0 0; */
		margin-bottom: 3rem;
	}

	.reverse.two-column-section,
	.two-column-section {
		flex-direction: column;
	}

	.two-column-section .image-container.two-column-image-container,
	.two-column-section .two-column-content {
		/* padding: 0; */
		width: 100%;
	}

	.two-column-section .two-column-content h3 {
		/* margin-top: 1em; */
		margin: 0;
	}
	main .content div.column .two-column-section .two-column-content h2 {
		margin-top: 1.9296875rem;
	}
	.two-column-section .two-column-content {
		padding: 1rem 1rem 0.375rem 1rem;
	}
}

@media (max-width: 592px) {
	main .content div.column .two-column-section .two-column-content h2 {
		font-size: 1.125rem;
		line-height: 1.6rem;
	}
	.two-column-section {
		/*padding: 0 2.625rem 0 0;*/
		margin-bottom: 1.75rem;
	}
}

/* END 2-column-image-content.css */

.cv-grid {
	display: grid;
	column-gap: 40px;
}
.cv-grid .figure {
	margin: 1.25em 0;
}
@media only screen and (max-width: 600px){
	.cv-grid {
		grid-template-columns: repeat(1,1fr);
	}
}
@media only screen and (min-width:601px) and (max-width: 1200px){
	.cv-grid {
		grid-template-columns: repeat(2,1fr);
	}
}
@media only screen and (min-width: 1201px){
	.cv-grid.col-2 {
		grid-template-columns: repeat(2,1fr);
	}
	.cv-grid {
		grid-template-columns: repeat(3,1fr);
	}

}

/* START Expandable + Infokasten Combos */

div.infokasten > .expandable-wrapper:last-of-type {
	/*padding-bottom: 0;*/
	margin-bottom: 0 !important;
}
div.infokasten > .expandable-wrapper:first-of-type {
	margin-top: 0 !important;
	padding-top: 0;
}
div.infokasten > .expandable-wrapper.compact:last-of-type {
	margin-bottom: -1em !important;
}
div.infokasten > .expandable-wrapper.compact:first-of-type {
	margin-top: -1em !important;
}
div.infokasten > .expandable-wrapper .expandable-trigger {
	background-color: transparent !important;
}

.infokasten .expandable-content > :first-child {
	margin-top: 0.5rem;
}

.infokasten {
	padding: 1.5rem !important;
}
/* styled nur den Kompakten Teaser  */
.expandable-wrapper.compact .expandable-button:not(.teaser-container .text-container .expandable-wrapper .expandable-button) {
	padding-left: 0;
}

/* END Expandable + Infokasten Combos */

/* START Image + Text Combo */

div.img-txt-combo
{
	display: inline-block;
	position: relative;
}

div.img-txt-combo a:hover span,
div.img-txt-combo a:focus span
{
	text-decoration: underline !important;
}
/*
div.img-txt-combo span
{
	position: absolute;
	left: 0;
	background-color: #d40f14;
	color: #ffffff !important;
	padding: 0.25em 0.5em 0.25em 1.25em;
	font-size: 3.125em;
	font-size: calc(2vw + 0.6rem);
	font-weight: bold;
	top: 50%;
	transform: translateY(-50%);
}

div.img-txt-combo.top span
{
	top: 5%;
	transform: initial;
}

div.img-txt-combo.bottom span
{
	top: initial;
	bottom: 5%;
	transform: initial;
}
*/

div.img-txt-combo div
{
	position: absolute;
	left: 0;
	padding: 0;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	max-width: 67%;
}
/*
div.img-txt-combo div::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.2em;
	background-color:  #d40f14;
	z-index: -1;
}

div.img-txt-combo div::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.2em;
	background-color:  #d40f14;
	z-index: -1;
}
*/
div.img-txt-combo.top div
{
	top: 1.25%;
	transform: initial;
}

div.img-txt-combo.bottom div
{
	top: initial;
	bottom: 1.25%;
	transform: initial;
}

div.img-txt-combo span
{
	background-color: #d40f14;
	color: #ffffff !important;
	padding: 0.25em 0.5em 0.25em 1.25em;
	font-size: 3.125em;
	font-size: calc(2vw + 0.6rem);
	font-weight: bold;
	line-height: 2.25em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/* columns, 50/50 */
.columns div.img-txt-combo span,
.col-1-1 div.img-txt-combo span
{
	font-size: 1.92em;
	font-size: calc(1.1vw + 0.25rem);
}

/* columns, 2/3 */
.col-2-3 div.img-txt-combo span
{
	font-size: 1.92em;
	font-size: calc(1.1vw + 0.6rem);
}

/* columns, 1/3 */
.columns.columns-3 div.img-txt-combo span,
.col-1-3 div.img-txt-combo span
{
	font-size: .91em;
	font-size: calc(0.3vw + 0.5rem);
}
@media (max-width: 480px)
{
	/* no container */
	div.img-txt-combo span,
	.columns div.img-txt-combo span,
	.columns.columns-3 div.img-txt-combo span,
	.col-1-1 div.img-txt-combo span,
	.col-2-3 div.img-txt-combo span,
	.col-1-3 div.img-txt-combo span
	{
		font-size: 2em;
		font-size: calc(1.1vw + 0.675rem);
	}

	/* container with padding */
	.infokasten .columns div.img-txt-combo span,
	.infokasten .columns.columns-3 div.img-txt-combo span,
	.infokasten .col-1-1 div.img-txt-combo span,
	.infokasten .col-2-3 div.img-txt-combo span,
	.infokasten .col-1-3 div.img-txt-combo span
	{
		font-size: 1.67em;
		font-size: calc(1.1vw + 0.53rem);
	}
}
/*
.col-2-3 div.img-txt-combo span
{
	font-size: 1.92em;
}

.col-1-3 div.img-txt-combo span
{
	font-size: .91em;
}

@media (max-width: 1024px)
{
	div.img-txt-combo span
	{
		font-size: 2.55em;
	}
	.col-2-3 div.img-txt-combo span
	{
		font-size: 1.54em;
	}

	.col-1-3 div.img-txt-combo span
	{
		font-size: 1.54em;
	}
}

@media (max-width: 769px)
{
	div.img-txt-combo span
	{
		font-size: 2.2em;
	}
	.col-2-3 div.img-txt-combo span
	{
		font-size: 1.1em;
	}

	.col-1-3 div.img-txt-combo span
	{
		font-size: 1.1em;
	}
}

@media (max-width: 480px)
{
	div.img-txt-combo span
	{
		font-size: 1.85em;
	}
	.col-2-3 div.img-txt-combo span
	{
		font-size: 1.67em;
	}

	.col-1-3 div.img-txt-combo span
	{
		font-size: 1.67em;
	}
}
*/
/* END Image + Text Combo */


/* JL: BEGIN Teasernavigation Changes, http://jira.lynet.local/browse/HLWEB-1303 */

main ul.teasers_wide li a,
.background_wrapper.gray ul.teasers_wide li a
{
	display: flex;
}
@media (max-width: 767px)
{
	main ul.teasers_wide li a .image_wrapper
	{
		height: auto;
		min-height: 180px;
	}
}
@media (max-width: 640px)
{
	main ul.list_teasers_responsive
	{
		margin-right: -25px;
		margin-left: -25px;
	}
	main ul.list_teasers_responsive li
	{
		margin: 20px 25px;
	}
	.background_wrapper.gray ul.teasers_wide.list_teasers_responsive li
	{
		padding-bottom: 19px;
		background: url(../images/layout/border_bottom.png) repeat-x bottom;
	}
}
@media (max-width: 480px)
{
	main ul.list_teasers_responsive .image_wrapper
	{
		display: none;
	}
	.background_wrapper.gray ul.list_teasers_responsive .text_wrapper
	{
		position: relative;
		display: block;
	}
	.background_wrapper.gray ul.list_teasers_responsive .text_wrapper::before
	{
		content: '';
		position: absolute;
		top: -1px;
		right: 20px;
		left: 20px;
		border-top: solid 1px #f2f2f2;
	}

	/* JL: new - HLWEB-1353 - Additions to teasernavigation css */

	main ul.list_teasers_responsive li
	{
		margin: 0;
	}
	.background_wrapper.gray ul.teasers_wide.list_teasers_responsive li
	{
		padding-bottom: 0;
		background: transparent;
	}
	main ul.list_teasers_responsive li a .image_wrapper,
	main ul.list_teasers_responsive .text_wrapper,
	.background_wrapper.gray ul.list_teasers_responsive .text_wrapper
	{
		display: inline-block;
	}
	.background_wrapper.gray ul.list_teasers_responsive li:not(.first) a .image_wrapper
	{
		border-top: solid 1px #ffffff;
	}
	.background_wrapper.gray ul.list_teasers_responsive .first .text_wrapper::before
	{
		display: none;
	}
	main ul.teasers_wide li a,
	.background_wrapper.gray ul.teasers_wide li a
	{
		display: flex;
	}
	main ul.teasers_wide li a .image_wrapper
	{
		width: 120px;
		height: auto;
		min-height: 130px;
	}
	main ul.list_teasers_responsive .text_wrapper,
	.background_wrapper.gray ul.list_teasers_responsive .text_wrapper
	{
		width: calc(100% - 120px);
		padding-right: 20px;
		padding-left: 20px;
	}
}

/* JL: END Teasernavigation Changes, http://jira.lynet.local/browse/HLWEB-1303 */

/* JL: BEGIN HLWEB-1345 */

.journal-detailpage.filmblog main,
.journal-detailpage.filmblog main
{
	background-color: #f8f3e9;
	background: #f4ece0 url(../images/cm//stadtentwicklung/filmblog/smart-city-background-detailsseite.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
.journal-frontpage.filmblog main
{
	background-color: #f8f3e9;
	background: #f4ece0 url(../images/cm//stadtentwicklung/filmblog/smart-city-background.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}

.journal-detailpage.bergungslogbuch main,
.journal-frontpage.bergungslogbuch main
{
	background-color: #f8f3e9;
	background: #f4ece0 url(../images/layout/Background_02.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}

.journal-frontpage .content > h1,
.journal-frontpage .content > h2.subheadline,
.journal-frontpage .introduction
{
	padding-right: 0;
	text-align: center;
}
.journal-frontpage .introduction
{
	width: min(60rem, 90%);
	margin-right: auto;
	margin-left: auto;
}
.journal-frontpage .content > h1
{
	margin-top: 0.7368em;
}

.journal-wrapper
{
	--col-gap: 2rem;
	--row-gap: 2rem;

	--line-w: 2px;

	--date-circle-size: 64px;

	position: relative;
	margin: 2rem 0;

	padding: 0 0 0 calc(var(--col-gap) / 2);
}
.journal-wrapper::before
{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;

	left: calc(var(--col-gap) / 2);
	transform: none;

	width: var(--line-w);
	background: #000000;
}
.filmblog .journal-wrapper::before
{
	background: #d40f14;
}
.journal-list
{
	position: relative;

	display: grid;
	grid-template-columns: var(--line-w) 1fr;
	grid-auto-columns: max-content;
	column-gap: var(--col-gap);

	/*width: min(60rem, 90%);*/
	/*width: min(60rem, 100%);*/
	margin-inline: auto;
}
.journal-list::before
{
	content: '';
	grid-column: 1;
	grid-row: 1 / span 1000;
	background: transparent;
	border-radius: calc(var(--line-w) / 2);
}

.journal-entry
{
	grid-column: 2;
	/*--inlineP: 1.5rem;*/
	/*margin-inline: var(--inlineP);*/
	grid-row: span 2;
}

.month-spacer
{
	flex: 0 0 100%;
}


.journal-entry
{
	display: flex;
	flex-flow: row nowrap;

	flex: 0 0 50%;
	/*background: #ffa50099;*/

	margin-bottom: var(--row-gap);
}
.month-spacer
{
	flex: 0 0 100%;

	padding-left: var(--col-gap);
	padding-bottom: var(--row-gap);
}
.journal-entry:not(.month-spacer)
{
	justify-content: space-between;
}
.month-spacer ~ .journal-entry:not(.month-spacer):nth-child(odd)
{
	/*padding-top: 6rem;*/
	/*background: #d40f14;*/
}
.journal-entry:not(.month-spacer) + .journal-entry:not(.month-spacer)
{
	/*padding-top: 6rem;*/
}
.month-spacer ~ .journal-entry:not(.month-spacer):nth-child(even)
{
	/*flex-direction: row-reverse;*/
}

.date-circle
{
	position: relative;
	width: var(--date-circle-size);
	flex: 0 0 var(--date-circle-size);
	height: var(--date-circle-size);
	background: #000000;
	border-radius: 50%;
	color: #ffffff;

	margin: 0 0 0 calc(-1 * (var(--col-gap) + var(--date-circle-size) / 2));
}
.filmblog .date-circle
{
	background: #d40f14;
}
.month-spacer .date-circle
{
	--date-circle-size: 74px;
}

.date-circle .date-text
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.date-circle .date-day
{
	font-weight: bold;
	font-size: 1.375rem;
	line-height: 1.1;
}
.date-circle .date-month
{
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.1;
}

.journal-entry-card.press-release-item
{
	position: relative;
	display: flex;

	align-self: flex-start;

	margin: 0 0 0 var(--col-gap) !important;
	margin: 0 0 0 1.5rem !important;

	padding: 1.25rem 1.25rem 1.75rem 1.25rem !important;

	flex: 0 0 70% !important;
	flex-grow: 1 !important;
	flex-direction: column;

	background: #ffffff;
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2);
	border-radius: 7px;

	outline: none;
	text-decoration: none !important;
}
.journal-entry-card.press-release-item::before
{
	content: '';
	position: absolute;
	top: calc(var(--date-circle-size) / 2);
	left: auto;
	right: 100%;
	bottom: auto;
	width: 1rem;
	height: 1rem;
	background: #ffffff;
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2);
	transform: translate(50%, -50%) scale(150%, 100%) rotate(135deg);
}
.journal-entry-card.press-release-item::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	background: #ffffff;
	border-radius: 7px;
}

.journal-entry-card.press-release-item > *
{
	position: relative;
	z-index: 1;
}
.journal-entry-card-header
{
	aspect-ratio: 460 / 300;
	/*max-height: 300px;*/

	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.has-video-icon .journal-entry-card-header
{
	position: relative;
	aspect-ratio: 16 / 9;
	/*max-height: unset;*/
}
.has-video-icon .journal-entry-card-header::before
{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 4rem;
	height: 4rem;
	background: #d40f14 url(../images/layout/play-btn.svg) no-repeat center center;
	/*background-size: 2.5rem 2.5rem;*/
	background-size: contain;
	border-radius: 50%;
}
.journal-entry-card-header + *
{
	margin-top: 1.25rem;
}
.journal-entry-card-body
{
	/*flex: 0 0 100% !important;*/
}
.journal-entry-card-body > *:last-child
{
	margin-bottom: 0;
}

a.journal-entry-card.press-release-item:hover .headline
{
	color: #d40f14 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1.5px !important;
    text-underline-offset: 0.1em !important;
}
a.journal-entry-card.press-release-item.has-video-icon:hover .journal-entry-card-header::before,
a.journal-entry-card.press-release-item.has-video-icon:focus-visible .journal-entry-card-header::before
{
	background-image: url(../images/layout/play-btn-inverted.svg);
}
a.journal-entry-card.press-release-item:focus-visible,
a.journal-entry-card.press-release-item:focus-visible::before
{
	outline: solid 3px #d40f14 !important;
	outline-offset: 0;
}

.back-button-spacer
{
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	padding-top: var(--row-gap);
}
.back-button,
a.back-button,
a.back-button[href]
{
	padding: 1.25rem 1.25rem 1.125rem 1.25rem;
	background: #000000;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.3;
	text-decoration: none !important;
}
a.back-button[href]:not(.image, .icon-teaser-item, .buttons-os,.text-white):hover,
a.back-button[href]:not(.image, .icon-teaser-item, .buttons-os,.text-white):focus-visible
{
	background: #d40f14;
	outline: solid 3px #ac0a26 !important;
	outline-offset: 0;
	color: #ffffff !important;
}

.filmblog .back-button,
.filmblog a.back-button,
.filmblog a.back-button[href]
{
	padding: 1.25rem 1.25rem 1.125rem 1.25rem;
	background: #d40f14;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.3;
	text-decoration: none !important;
}
.filmblog a.back-button[href]:not(.image, .icon-teaser-item, .buttons-os,.text-white):hover,
.filmblog a.back-button[href]:not(.image, .icon-teaser-item, .buttons-os,.text-white):focus-visible
{
	outline: none !important;
	background: #000000;
	color: #ffffff !important;
	text-decoration: underline !important;
}


/*@media (min-width: 40rem)*/
@media (min-width: 768px) /* "abgeleitet" von max-width: 767px */
{
	.journal-wrapper
	{
		--col-gap: 3rem;
		--row-gap: 3rem;

		--date-circle-size: 74px;

		margin: 4rem 0;
		padding: 0;
	}
	.journal-wrapper::before
	{
		left: 50%;
		transform: translate(-50%, 0);
	}

	.journal-list
	{
		grid-template-columns: 1fr var(--line-w) 1fr;
	}

	.journal-list::before
	{
		grid-column: 2;
	}

	.journal-entry
	{

	}

	/* old selectors */

	.journal-entry:nth-child(odd)
	{
		/*grid-column: 1;*/
		/*flex-direction: row-reverse;*/
	}
	.journal-entry:nth-child(even)
	{
		/*grid-column: 3;*/
	}

	.journal-entry.align-left
	{
		/*background: purple;*/
		grid-column: 1;
		flex-direction: row-reverse;
	}
	.journal-entry.align-right
	{
		/*background: orange;*/
		grid-column: 3;
	}

	/* start second card */

	.journal-entry:nth-child(2)
	{
		grid-row: 2/4;
	}

	.date-circle
	{

	}

	.month-spacer
	{
		padding-left: 0;
	}
	.month-spacer .date-circle
	{
		--date-circle-size: 94px;
		margin: 0 auto 0 auto;
	}

	.journal-entry-card.press-release-item
	{
		margin: 0 0 0 2rem !important;
	}

	/* old selectors */

	.journal-entry:nth-child(odd) .date-circle
	{
		/*margin: 0 calc(-1 * (var(--col-gap) + var(--date-circle-size) / 2)) 0 0;*/
	}
	.journal-entry:nth-child(odd) .journal-entry-card.press-release-item
	{
		/*margin: 0 2rem 0 0 !important;*/
	}
	.journal-entry:nth-child(odd) .journal-entry-card.press-release-item::before
	{
		/*left: 100%;*/
		/*right: auto;*/
		/*transform: translate(-50%, -50%) scale(150%, 100%) rotate(135deg);*/
	}

	.journal-entry.align-left .date-circle
	{
		margin: 0 calc(-1 * (var(--col-gap) + var(--date-circle-size) / 2)) 0 0;
	}
	.journal-entry.align-left .journal-entry-card.press-release-item
	{
		margin: 0 2rem 0 0 !important;
	}
	.journal-entry.align-left .journal-entry-card.press-release-item::before
	{
		left: 100%;
		right: auto;
		transform: translate(-50%, -50%) scale(150%, 100%) rotate(135deg);
	}

	.back-button-spacer
	{
		justify-content: center;
	}
}

/* detail page */

.journal-detailpage .content-inner
{
	/*width: 100%;*/
	/*max-width: 960px;*/
	/*margin: 0 auto;*/
}
.journal-detailpage .back-link-wrapper
{
	padding: 1.25rem 0;
}
.journal-detailpage .back-link-wrapper:first-child
{
	border-bottom: solid 1px #b5b5b5;
}
.journal-detailpage .back-link-wrapper:last-child
{
	margin-top: 3rem;
	border-top: solid 1px #b5b5b5;
}
.journal-detailpage .back-link
{
	position: relative;
	display: inline-block;
	padding: 0.25rem 0.25rem 0.25rem 0.75rem;

	color: #000000 !important;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.3;
	text-decoration: none;
}
.journal-detailpage .back-link:hover
{
    color: #d40f14 !important;
    text-decoration: underline 1.5px !important;
    text-underline-offset: 0.1em !important;
}
.journal-detailpage .back-link:focus-visible
{
	color: #d40f14 !important;
	outline-color: #d40f14 !important;
	outline-offset: 0;
}
.journal-detailpage .back-link::before
{
	content: "\f104";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	display: inline-block;
	color: inherit;
	font-family: 'FontAwesome', sans-serif;
	font-size: inherit;
	line-height: inherit;
}

.journal-detailpage .header-wrapper
{
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	margin: 0 -20px 0 -20px;
}
.journal-detailpage .header-image-wrapper
{
	flex: 0 0 100%;
	/*flex: 0 0 50%;*/
	/*flex: 0 0 40%;*/
	margin: 1.8em 0 1.0em 0;
	padding: 0 20px 0 20px;
}
.journal-detailpage .header-background-image
{
	position: relative;

	aspect-ratio: 460 / 300;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2);
	/*border-radius: 7px;*/

	border-style: solid;
	border-color: #ffffff;
	border-width: 1.25rem 1.25rem 1.75rem 1.25rem;
	border-bottom-width: 3rem;

	/*transform: rotate(-1deg);*/
}
.journal-detailpage.filmblog .header-background-image
{
	border-radius: 7px;
	border-width: 1.25rem 1.25rem 1.25rem 1.25rem;
}
/*
.journal-detailpage .header-background-image::before
{
	content: '';
	position: absolute;
	z-index: -1;

	top: -1.25rem;
	right: -1.25rem;
	bottom: -3rem;
	left: -1.25rem;
	background: #f4ece0;
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.2);

	transform: rotate(2deg) translateX(20px);
}
*/

.journal-detailpage .header-text-wrapper
{
	flex: 0 0 50%;
	flex-grow: 1;
	padding: 0 20px 0 20px;
}
.journal-detailpage .header-image-wrapper + .header-text-wrapper h1
{
	padding: 0;
}

.journal-detailpage .journal-detail-release-date
{
	margin: 1.5em 0 1em 0;
	font-weight: bold;
	font-size: 1.0625rem;
	line-height: 1.3;
}

.journal-detailpage h1
{
	margin: 1rem 0;
}

.journal-detailpage .figure
{
	margin: 1rem 0;
}
.journal-detailpage .figure-caption
{
	padding-right: 0;
	padding-left: 0;
	background: transparent;
}

@media (min-width: 576px) /* "abgeleitet" von max-width: 575px */
{
	.journal-detailpage .back-link-wrapper:first-child
	{
		margin-top: 1rem;
	}
}
@media (min-width: 593px) /* "abgeleitet" von max-width: 592px */
{
	.journal-detailpage .journal-detail-release-date
	{
		font-size: 1.375rem;
		line-height: 1.2;
	}
}

@media (min-width: 768px) /* "abgeleitet" von max-width: 767px */
{
	.journal-detailpage .back-link-wrapper:first-child
	{
		margin-top: 2rem;
	}
	.journal-detailpage .back-link-wrapper:last-child
	{
		margin-top: 4rem;
	}

	.journal-detailpage .header-image-wrapper
	{
		/*flex: 0 0 100%;*/
		flex: 0 0 50%;
		/*flex: 0 0 40%;*/
	}
}
@media (min-width: 992px) /* "abgeleitet" von max-width: 991px */
{
	.journal-detailpage .header-image-wrapper
	{
		/*flex: 0 0 100%;*/
		/*flex: 0 0 50%;*/
		flex: 0 0 40%;
	}
}

/* JL: END HLWEB-1345 */

/* START Credits-Box ueberMORGEN */

.infokasten.mitwirkende
{
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.infokasten.mitwirkende h5
{
	margin-bottom: 0;
}

.infokasten.mitwirkende ul
{
	list-style-type: none;
	margin-top: 0;
	margin-left: 0;
}

.infokasten.mitwirkende ul li
{
	line-height: 1.4em;
}

.infokasten.mitwirkende li em
{
	font-size: 85%;
}

/* END Credits-Box ueberMORGEN */

/* START Inhaltsbereich > Kommentar-Liste */
/*
.text-red {
	color: rgb(211, 47, 46);
}

h1 > span:first-child
{
	padding-right: 0.75rem;
}
*/
h1 .rating
{
	display: inline-block;
	color: #8d949d;

	font-size: 1.875rem; /* 30/16 */
	line-height: 1.4667; /* 44/30 */
}
h1 .rating .fa
{
	margin-right: 0.25rem; /* 4/16 */
}
h1 .rating .selected
{
	color: #d40f14;
}

#comments button.load-more {
	display:block;
	background:#8d949d;
	color:#FFFFFF;
	padding:1em;
	border:none;
	margin-left:auto;
}
#comments button.load-more:hover {
	background: #4b4f55;
}
.comments
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.comments li
{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 24px 4% 20px 125px;
	border-top: solid 1px #f2f2f2;
	border-left: solid 1px #f2f2f2;
	opacity: 1;
	transition: opacity 0.5s linear;
	display: block;
	height: auto;
}
.comments li[hidden]
{
	opacity: 0;
	padding: 0;
	height: 0;
}
.comments li:first-child
{
	border-top: none;
}
.comments li > button.show-more {
	display: block;
	background: transparent;
	border: none;
	width: 80px;
	height: 50px;
	position: absolute;
	bottom: 2.5rem;
	left: 1.5rem;
	transition: transform 0.3s linear;
}
.comments li > button.show-more.active {
	transform: rotate(-180deg);
}
.comments > li > p.comment > .excerpt:not(:only-child):after {
	content: "...";
}
.comments > li > p.comment > span.text {
	transition: all 0.3s linear;
}
.comments > li > p.comment > span.hidden {
	opacity: 0;
}
.comments li > button.show-more.active + p.comment > span.text {
	opacity: 1;
	display: inline !important;
}
.comments li > button.show-more.active + p.comment > .excerpt:after {
	content: '';
}
/*
.comments li > button.show-more.active > i:before {
	content: "\f0d8";
}
*/
.comments li > button.show-more > i {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 2.5rem;
	color: #8d949d;
}
.comments li > button.show-more:hover > i {
	color: #4b4f55;
}
.comments .fa-user
{
	position: relative;
	display: inline-block;
	width: 80px;
	margin: 0 15px 0 -100px; /* 0 16 0 -100 */
	background: #f2f2f2;
	border-radius: 50%;

	color: #8d949d;
	font-size: 52px;
	line-height: 80px;
	text-align: center;
	vertical-align: middle;
}
.comments .fa-user:before,
.comments .fa-user::before
{
	position: relative;
	top: -1px;
}
.comments .fa-user:after,
.comments .fa-user::after
{
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	display: block;
	width: 25px;
	height: 1px;
	background: #f2f2f2;
}

.comments .details
{
	margin-top: 0.25rem; /* 4/16 */
}
.comments .details:last-child
{
	margin-bottom: 0.5rem; /* 8/16 */
}
.comments .details:before,
.comments .details::before
{
	content: "\200B";

	display: inline-block;
	height: 100%;
	margin-left: -0.25rem;
	vertical-align: middle;
}
.comments .details > div
{
	display: inline-block;
	vertical-align: middle;
}
.comments .details p
{
	margin: 0;
}
.comments .details .text-red
{
	color: #000;
}
.comments .author
{
	/* font-weight: 800; */
	font-weight: bold;
	color: #000;
	font-size: 20px;
	line-height: 27px;
}
.comments .release-date
{
	white-space: nowrap;
}

.rating
{
	color: #8d949d;
}

.comments .rating
{
	display: block;
	font-size: 28px;
}
.comments .no-rating
{
	/* color: #f2f2f2; */
}
.comments p + .rating
{
	margin-top: 0.0714em; /* 2/28 */
}
.comments .rating .fa
{
	margin-right: 4px;
}
.rating .selected
{
	color: #d40f14;
}

@media (max-width: 1209px)
{
	/* Inhaltsbereich > Kommentar-Liste */

	.comments
	{
		margin-left: -26px;
	}
}
@media (max-width: 575px)
{
	/* Inhaltsbereich > Kommentar-Liste */
/*
	h1 > span:first-child
	{
		padding-right: 8px;
	}

 */
	h1 .rating
	{
		font-size: 18px;
		line-height: 1.2866;
	}
	h1 .rating .fa
	{
		margin-right: 4px;
	}
	h1 .rating .selected
	{
		color: #d40f14;
	}

	.comments .author
	{
		font-size: 16px;
		line-height: 1.4765625; /* 23.625/16 */
	}
	.comments .release-date
	{
		display: block;
	}
	.comments .rating
	{
		font-size: 20px;
	}
	.comments .comment
	{
		clear: left;
		margin-top: 0;
		margin-left: -100px;
		padding-top: 20px;
	}

	.comments li > button.show-more {
		right: 0;
		top: 2.5rem;
		bottom: auto;
		left: auto;
	}

	.comments li > button.show-more.active {
		transform: rotate(180deg);
	}
}

/* END Inhaltsbereich > Kommentar-Liste */

/* START Artikel-Liste (Zukunftsgeschichten) */

.articles
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 2rem -1.25rem 12px -1.25rem; /* 32/16 -20/16 12/16 -20/16 */
	padding: 0;
	list-style-type: none;
}
.articles li
{
	position: relative;
	flex: 0 0 calc(33.33333333% - 2.5rem); /* 40/16 */
	margin: 0 1.25rem 2rem 1.25rem; /* 0 20/16 32/16 20/16 */
	padding: 1.5rem 1.25rem 1.75rem 1.25rem; /* 24/16 20/16 28/16 20/16 */
	background: #f2f2f2 url(../images/layout/idee-icon.png) no-repeat right 7px top 5px;
	background-size: 15%;
}
.articles .hidden
{
	display: none;
}
.hidden{
	display: none !important;
}
.background_wrapper.gray .articles li
{
	background-color: #fff;
}
.background_wrapper.gray .articles li:after,
.background_wrapper.gray .articles li::after
{
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	display: block;
	width: 100%;
	height: 19px;
	background: transparent url(../images/layout/border_bottom.png) repeat-x center bottom;
}
.articles li > *:first-child
{
	margin-top: 0;
}
.articles p
{
	font-size: 0.875rem; /* 14/16 */
}
.articles h3
{
	/* margin: 0.9091em 0 0.7273em 0; */ /* 20/22 0 16/22 0 */
	margin: 1em 0 0.7273em 0;
	color: #000;
	line-height: 1.2273; /* 27/22 */
}
.articles .details span:after,
.articles .details span::after
{
	content: "\00b7"; /* &middot; */
}
.articles .details span:last-child:after,
.articles .details span:last-child::after
{
	content: "";
}

.show-articles-wrapper
{
	margin: 2rem 0; /* 32/16 0 */
	text-align: center;
}
.show-articles-wrapper button
{
	-webkit-appearance: none;
	padding: 0.7em 1em; /* 14/20 20/20 */
	background: #d40f14;
	border: none;
	border-radius: 0;
	outline: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.25rem; /* 20/16 */
}
.show-articles-wrapper button:hover,
.show-articles-wrapper button:focus
{
	background: #ac0a26;
}
.show-articles-wrapper button:after,
.show-articles-wrapper button::after
{
	content: "\f01e"; /* fa-repeat */
	margin-left: 0.5em; /* 10/20 */
	font-family: FontAwesome;
}

@media (max-width: 1024px)
{
	.articles li
	{
		flex: 0 0 calc(50% - 2.5rem);
	}
}
@media (max-width: 720px)
{
	.articles li
	{
		flex: 0 0 calc(100% - 2.5rem);
		background-size: 10%;
	}
}

/* END Artikel-Liste (Zukunftsgeschichten) */

/* Generische Buttons 03.08.23 Marius Mauritz  */

/* Common button styles */
a.button,
a[href].button {
	padding: 0.6em 0.9em;
	display: inline-block;
	border: 3px solid  #d40f14;
	background-color:  #d40f14;
	color: #fff !important;
	text-align: center;
	text-decoration:none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* Sizes */
a.button-sm{
	font-size: 0.8em;
	padding: 0.2em 0.45em;
}

a.button-lg{
	font-size: 1.2em;
	padding: 0.9em 1.35em;
}

.col-1-3 .button {
	width: 100%;
}

h3 a.button span,
h4 a.button span
{
	display: block;
	font-size: 75%;
	font-weight: 600;
}

/* Icons */

a.button::after{
	content: "\f105";
	display: inline-block;
	font-family: FontAwesome, sans-serif;
	text-align: right;
	transform: scale(1.3);
	margin-left:0.5em;
	/*margin-right: calc(1em - 0.9em);*/
}
a[target="_blank"].button::after {
	margin-left: 0;
	margin-right: 0 !important;
}
a.button-sm::after{
	transform: scale(1.1);
	margin-left:0.5em;
	margin-right: calc(0.5em - 0.45em);
}
a.button-lg::after {
	transform: scale(1.5);
	margin-left: 1.5em;
	margin-right: calc(1.5em - 1.35em);
}
a.button.button-icon-none::after{
	display: none !important;
}
a.button.button-icon-calendar::after{
	content : "\f073";
}
a.button.button-icon-search::after{
	content : "\f002";
}
a.button.button-icon-decline::after{
	content : "\f00d";
}
a.button.button-icon-accept::after{
	content : "\f00c";
}
a.button.button-icon-arrow-right::after{
	content : "\f105";
}
a.button.button-icon-arrow-left::after{
	content : "\f104";
}
a.button.button-icon-arrow-up::after{
	content : "\f106";
}
a.button.button-icon-arrow-down::after{
	content : "\f107";
}

/* Hover and Focus styles */
a.button:hover,
a[href].button:hover,
a.button:focus-visible,
a[href].button:focus-visible {
	background-color: #fff;
	color: #d40f14 !important;
	border-color: #d40f14;
	text-decoration:underline !important;
}

/* Outline button styles */
a.button-outline,
a[href].button-outline {
	background-color: #fff;
	color: #d40f14 !important;
	border-color: #d40f14;
}

a.button-outline:hover,
a[href].button-outline:hover,
a.button-outline:focus-visible,
a[href].button-outline:focus-visible {
	background-color: #fff;
	color: #000 !important;
	border-color: #000;
}

/* Dark button styles */
a.button-dark,
a[href].button-dark{
	background-color: #000;
	color: #fff !important;
	border-color: #000;
}

a.button-dark:hover,
a[href].button-dark:hover,
a.button-dark:focus-visible,
a[href].button-dark:focus-visible {
	background-color: #d40f14;
	color: #fff !important;
	border-color: #d40f14;
}

/* Dark outline button styles */
a.button-dark-outline,
a[href].button-dark-outline{
	background-color: #fff;
	color: #000 !important;
	border-color: #000;
}

a.button-dark-outline:hover,
a[href].button-dark-outline:hover,
a.button-dark-outline:focus-visible,
a[href].button-dark-outline:focus-visible{
	background-color: #fff;
	color: #d40f14 !important;
	border-color: #d40f14;
}

/* Alternate button styles */
a.button-alt,
a[href].button-alt{
	background-color: #336780;
	color: #fff !important;
	border-color: #336780;
}

a.button-alt:hover,
a[href].button-alt:hover,
a.button-alt:focus-visible,
a[href].button-alt:focus-visible {
	background-color: #fff;
	color: #336780 !important;
	border-color: #336780;
}

/* Alternate button outline styles */
a.button-alt-outline,
a[href].button-alt-outline{
	background-color: #fff;
	color: #336780 !important;
	border-color: #336780;
}

a.button-alt-outline:hover,
a[href].button-alt-outline:hover,
a.button-alt-outline:focus-visible,
a[href].button-alt-outline:focus-visible{
	background-color: #336780;
	color: #fff !important;
	border-color: #336780;
}

/* Width-Modifier for buttons */
a.button.full-width
{
	width: 100%;
}

/* Font-Style modifier for buttons */
a.button.emphasize
{
	font-size: 140%;
	line-height: 140%;
	font-weight: bold;
}

/* Simple blocked elements wrapper */

div.blocked
{
	position: relative
}

div.blocked div.blocking
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	cursor: not-allowed;
	opacity: 0.6;
}

div.blocked.blocked-js div.blocking
{
	display: none;
}

