/* @import url(https://cdn.warenform.de/fonts/exo-2/latin/css/); */
@import url(https://cdn.warenform.de/fonts/exo/latin/css/);
@import url(https://cdn.warenform.de/fonts/alegreya/latin/css);
@import url(https://cdn.warenform.de/fonts/alegreya-sans/latin/css);

:root {
	/* Farben */
	--secondary-blue-b50: #E7F1F3;
	--secondary-blue-b75: #9CC6CD;
	--secondary-blue-b100: #73AEB8;
	--secondary-blue-b200: #368C9A;
	--secondary-blue-b300: #0D7485;
	--secondary-blue-b400: #09515D;
	--secondary-blue-b500: #084751;

	--primary-blue-b50: #F0F5FF;
	--primary-blue-b300: #496DB3;

	--secondary-purple-p50: #ECE6EF;
	--secondary-purple-p75: #B196BE;
	--secondary-purple-p100: #916BA3;
	--secondary-purple-p200: #612B7B;
	--secondary-purple-p300: #410060;
	--secondary-purple-p400: #2E0043;
	--secondary-purple-p500: #28003B;

	--primary-red-r50: #F9E6E7;
	--primary-red-r300: #C50011;

	--schwarz: #000;
	--weiss: #fff;
	--hellcurry: #f7f7ef;
	--hellblau: #d5e5e5;
	--currygrau: #e1e7e1;
	--fliedergrau: #f0f4fa;

	/* Groessen */
	--logo-width: 89px;

	/* Typo */
	--fontsize-body: 1rem;
	--fontsize-blockquote: 1.125rem;
	--fontsize-navi: 1.125rem;
	--fontsize-subnavi: 1rem;
	--fontsize-metanavi: .875rem;
	--fontsize-h1: 3rem;
	--fontsize-h2: 22px;
	--fontsize-h3: 18px;
	--fontsize-h4: 16px;

	--font-fontawesome: 'FontAwesome';
}
@media (min-width:640px) { /* sm */
	:root {
		/* --fontsize-body: .875rem; */
		--fontsize-blockquote: 1.25rem;
		--fontsize-navi: 1.125rem;
		--fontsize-subnavi: .875rem;
	}
}
@media (min-width:768px) { /* md */
	:root {
		--fontsize-metanavi: .625rem;
		--fontsize-h1: 2.25rem;
		--fontsize-h2: 1.75rem;
		--fontsize-h3: 1.25rem;
		--fontsize-h4: 1.125rem;
	}
}
@media (min-width:1024px) { /* lg */
	:root {
		--fontsize-body: 1.125rem;
		--fontsize-blockquote: 1.5rem;
		--fontsize-navi: 1.5rem;
		--fontsize-metanavi: .75rem;
		--logo-width: 178px;
	}
}
@media (min-width:1280px) { /* xl */
	:root {
		--fontsize-body: 20px;
		--fontsize-subnavi: 1rem;
		--fontsize-metanavi: .875rem;
		--fontsize-h1: 60px;
		--fontsize-h2: 35px;
		--fontsize-h3: 29px;
		--fontsize-h4: 25px;

	}
}
/*
@media (min-width:1536px) {
	:root {
	}
}
*/

html.PUB,
.PUB body {
	min-height: 100%;
}
body,
.cke_editable {
	background: no-repeat #fff;
	background-position: center bottom;
	background-size: auto auto;
	color: var(--schwarz);
	font-family: 'Alegreya Sans';
	font-size: var(--fontsize-body);
	line-height: 1.5;
	font-weight: 400;
	hyphens: auto;
}
.PUB body * {
	box-sizing: border-box;
	outline: none !important;
}
.Clear {
	clear: both;
}
.Button a,
a .Button {
	background: #fff;
	border: 1px solid var(--secondary-blue-b300);
	color: var(--secondary-blue-b300);
	display: inline-block;
	font-size: var(--fontsize-body);
	font-weight: 700;
	hyphens: none;
	margin: 2rem 0;
	padding: .375rem 1rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out;
}
.Button a:focus,
.Button a:hover,
.Button a:active,
a:focus .Button,
a:hover .Button,
a:active .Button,
.Button input:focus,
.Button input:hover,
.Button input:active {
	border-color: var(--primary-red-r300);
	color: var(--primary-red-r300);
	text-decoration: none;
}
.Button input {
	background: #fff;
	border: 1px solid var(--secondary-blue-b300);
	color: var(--secondary-blue-b300);
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: .375rem 3rem;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out;
	width: auto;
}

.bg-secondary-blue-b50 {
	background-color: var(--secondary-blue-b50);
}
.bg-secondary-purple-p50 {
	background-color: var(--secondary-purple-p50);
}
.bg-primary-blue-b50 {
	background-color: var(--primary-blue-b50);
}
.bg-primary-red-r50 {
	background-color: var(--primary-red-r50);
}
@media (min-width:1024px){ /* lg */
	.lg\:bg-primary-red-r50 {
		background-color: var(--primary-red-r50);
	}
}

.bg-rot, .hover\:bg-rot:hover { background-color: var(--primary-red-r300) !important }
@media (min-width:768px) {
	.md\:bg-rot { background-color: var(--primary-red-r300) !important }
}
.bg-hellcurry { background-color: var(--hellcurry) !important }
.bg-currygrau { background-color: var(--currygrau) !important }
.bg-hellblau { background-color: var(--hellblau) !important }
.bg-fliedergrau { background-color: var(--fliedergrau) !important }
.bg-rosa { background-color: var(--primary-red-r50) !important }
.bg-secondary-purple-p200, .hover\:bg-secondary-purple-p200:hover, .Button a.\!hover\:bg-secondary-purple-p200:hover { background-color: var(--secondary-purple-p200) !important }
.bg-petrol, .hover\:bg-petrol:hover, .Button a.\!hover\:bg-petrol:hover { background-color: var(--secondary-blue-b300) !important }
.bg-darkpetrol, .hover\:bg-darkpetrol:hover, .Button a.\!hover\:bg-darkpetrol:hover { background-color: var(--secondary-blue-b500) !important }
.border-rot, .hover\:border-rot:hover { border-color: var(--primary-red-r300) !important }
.border-rosa, .hover\:bg-rosa:hover, .Button a.\!hover\:bg-rosa:hover { border-color: var(--primary-red-r50) !important }
.border-fliedergrau, .hover\:border-fliedergrau:hover { border-color: var(--fliedergrau) !important }
.border-secondary-purple-p200 { border-color: var(--secondary-purple-p200) !important }
.border-petrol, .hover\:border-petrol:hover { border-color: var(--secondary-blue-b300) !important }

.text-rot, .hover\:text-rot:hover { color: var(--primary-red-r300) }
.text-petrol, .hover\:text-petrol:hover { color: var(--secondary-blue-b300) }
.text-darkpetrol, .hover\:text-darkpetrol:hover { color: var(--secondary-blue-b500) }
.text-secondary-purple-p100, .hover\:text-secondary-purple-p100:hover { color: var(--secondary-purple-p100) }
.text-secondary-purple-p200, .hover\:text-secondary-purple-p200:hover { color: var(--secondary-purple-p200) }
.text-primary-blue-b300, .hover\:text-primary-purple-b300:hover { color: var(--primary-blue-b300) }
.text-primary-red-r300, .hover\:text-primary-red-r300:hover { color: var(--primary-red-r300) }
@media (min-width: 1024px) {
	.lg\:text-secondary-purple-p200 { color: var(--secondary-purple-p200) !important }
}

.\!text-rot, .hover\:\!text-rot:hover { color: var(--primary-red-r300) !important }
.\!text-petrol, .hover\:text-petrol:hover{ color: var(--secondary-blue-b300) !important }
.\!text-darkpetrol, .hover\:\!text-darkpetrol:hover { color: var(--secondary-blue-b500) !important }
.\!text-secondary-purple-p100, .hover\:\!text-secondary-purple-p100:hover { color: var(--secondary-purple-p100) !important }
.\!text-secondary-purple-p200, .hover\:\!text-secondary-purple-p200:hover { color: var(--secondary-purple-p200) !important }
.\!text-primary-purple-b300, .hover\:\!text-primary-purple-b300:hover { color: var(--primary-blue-b300) !important }
.\!text-primary-red-r300, .hover\:\!text-primary-red-r300:hover { color: var(--primary-red-r300) !important }

.Button a.\!hover\:text-white:hover { color: var(--weiss) !important }

.Alegreya-Sans { font-family: 'AlegreyaSans', sans-serif; }
.Alegreya { font-family: 'Alegreya', serif; }
.Exo { font-family: 'Exo', sans-serif; }
.Signika, .Exo { font-family: 'Exo', sans-serif; }

.Navi a:focus span,
.Navi a:hover span,
.Navi a:active span {
	opacity: .75;
}
.scrolled .Navi a:focus span,
.scrolled .Navi a:hover span,
.scrolled .Navi a:active span,
.scrolled2 .Navi a:focus span,
.scrolled2 .Navi a:hover span,
.scrolled2 .Navi a:active span {
	opacity: .625;
}
.Navi ul.Level_2 li a {
	padding-left: 3rem;
}
.Navi ul.Level_2 li a:before {
	content: '\f068';
	display: inline-block;
	font-family: var(--font-fontawesome);
	font-size: .75rem;
	margin-left: -1.5rem;
	margin-top: .25rem;
	position: absolute;
}

main {
	line-height: 160%;
}

a {
	color: var(--primary-red-r300);
	text-decoration: none;
	transition: color .3s;
}
.Content p a[href^="tel:"] {
	color: #000;
	text-decoration: none !important;
}
.Content p a[href^="tel:"]:before {
	content: '\f095';
	display: inline-block;
	font-family: 'FontAwesome';
	margin-right: .5rem;
}
.Content p a[href^="mailto:"]:before {
	content: '\f0e0';
	display: inline-block;
	font-family: 'FontAwesome';
	margin-right: .5rem;
}

.Breadcrumbs a {
	color: #000 !important;
}
.Content a,
.cke_editable a {
	text-decoration: underline;
}
.Content,
.cke_editable {
	font-size: var(--fontsize-body);
	line-height: 1.5;
}
a:focus,
a:hover,
a:active {
	text-decoration: underline;
}

strong, b,
.cke_editable strong, .cke_editable b {
	font-weight: 700;
}
em,
i,
.cke_editable em,
.cke_editable i {
	font-style: italic;
}
strong i,
b i,
i strong,
i b,
strong em,
b em,
em strong,
em b,
.cke_editable strong i,
.cke_editable b i,
.cke_editable i strong,
.cke_editable i b,
.cke_editable strong em,
.cke_editable b em,
.cke_editable em strong,
.cke_editable em b {
	font-style: italic;
	font-weight: 700;
}

/* Readspeaker */
#rsmpl_container .rs-player-loadindicator,
.rsbtn .rs-player-loadindicator {
	left: 0 !important;
}
.rsbtn.rsexpanded .rsbtn_play {
	border-right: 1px solid #677077 !important;
}

h1, .h1 {
	color: var(--primary-red-r300);
	font-family: 'Exo';
	font-size: var(--fontsize-h1);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.125rem;
}
.ParentTopic-2 h1,
.ParentTopic-2 h2,
.ParentTopic-2 main a {
	color: var(--secondary-purple-p200);
}
.ParentTopic-31 h1,
.ParentTopic-31 .h1,
.ParentTopic-31 main a {
	color: var(--primary-red-r300);
}
.ParentTopic-34 h1,
.ParentTopic-34 .h1,
.ParentTopic-34 main a {
	color: var(--secondary-blue-b300);
}
.ParentTopic-26 h1,
.ParentTopic-26 h2,
.ParentTopic-26 h3,
.ParentTopic-26 .h3,
.ParentTopic-26 main a {
	color: var(--primary-blue-b300);
}
.ParentTopic-31 main .Content a {
	color: #000;
	text-decoration: underline;
}
.ParentTopic-31 main .Content a:before {
	color: var(--primary-red-r300);
}

.Home .Article {
	padding-top: 1rem;
}
.Topic-4 .Abschnitte-Header {
	margin-bottom: 30px;
}
@media (min-width: 1024px) {
	.Topic-4 .Abschnitte-Header {
		margin-bottom: 64px;
	}
}
sub {
	bottom: auto;
	line-height: normal;
	position: static;
}

h2, .h2 {
	color: var(--primary-red-r300);
	font-family: 'Exo';
	font-size: var(--fontsize-h2);
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 2rem;
}

.Bereiche-Facts.Content strong {
	color: var(--secondary-purple-p200);
}

/* Absatz */
main p,
.cke_show_borders p {
	margin-bottom: 1rem;
}
[class*="bg-klumpen-"],
blockquote {
	background-image: url(../images/button-hellblau.webp);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 2rem;
}
blockquote {
	color: var(--secondary-purple-p200);
	font-style: italic;
	margin-bottom: 1rem;
	text-align: center;
}
.bg-klumpen-secondary-purple-p200 {
	background-image: url(../images/button-secondary-purple-p200.webp);
	color: #fff;
}
.bg-klumpen-petrol {
	background-image: url(../images/button-petrol.webp);
	color: #fff;
}
.bg-klumpen-weiss {
	background-image: url(../images/button-weiss.webp);
}
[class*="bg-klumpen2-"] {
	background-image: url(../images/button-petrol.webp);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 2rem;
}

.bg-klumpen2-secondary-purple-p200,
.hover\:bg-klumpen2-secondary-purple-p200:hover {
	background-image: url(../images/klumpen2-secondary-purple-p200.webp);
}
.bg-klumpen2-petrol,
.hover\:bg-klumpen2-petrol:hover {
	background-image: url(../images/klumpen2-petrol.webp);
}
.bg-klumpen2-hellblau,
.hover\:bg-klumpen2-hellblau:hover {
	background-image: url(../images/klumpen2-hellblau.webp);
}

/*
[class*="linie-"]:after {
	background-image: url("../images/linie-petrol.webp");
	background-repeat: no-repeat;
	background-size: 100% .5rem;
	content: '';
	display: block;
	height: .5rem;
	max-width: 15rem;
}
.linie-hellblau:after {
	background-image: url("../images/linie-hellblau.webp");
}
.linie-secondary-purple-p200:after {
	background-image: url("../images/linie-secondary-purple-p200.webp");
}
[class*="linie-"].linie-center:after {
	margin: auto;
}
*/

/* Beschnittene Bilder */
.Image.Cropped picture {
	display: block;
	overflow: hidden;
	object-fit: cover;
	/* padding-top: 66.75%; */
	padding-top: 52.5%;
	position: relative;
	width: 100%;
}
.Image.Cropped.Square picture {
	padding-top: 100%;
}
.Image.Cropped picture img {
	bottom: -100%;
	left: -100%;
	height: auto;
	margin: auto;
	object-fit: cover;
	height: 100%;
	position: absolute;
	right: -100%;
	top: -100%;
	width: 100%;
}

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

.Kicker,
.Spitzmarke {
	font-size: var(--fontsize-body);
}
.Spitzmarke + h3,
.Spitzmarke + h4 {
	margin-top: 0 !important;
}
.Article .Kicker {
	margin-bottom: 1rem;
}

.Content h3,
.cke_editable h3,
.h3,
.Article + .Article h1 {
	font-family: 'Exo', sans-serif;
    font-size: var(--fontsize-h3);
    font-weight: 700;
    line-height: 150%;
    margin-top: 1rem;
	margin-bottom: 1.5rem;
}
.Content h3 {
    margin-top: 3rem;
}

.ParentTopic-2 .Content h3,
.ParentTopic-2 .Content h4,
.ParentTopic-2 .h3 {
	color: var(--secondary-purple-p200);
}
.ParentTopic-2 .Kicker,
.ParentTopic-2 .Spitzmarke {
	color: var(--secondary-purple-p100);
}

.Kicker,
.Spitzmarke {
	font-weight: 500;
}
.ParentTopic-31 .Content h3,
.ParentTopic-31 .Content h4,
.ParentTopic-31 .Kicker,
.ParentTopic-31 .Spitzmarke,
.ParentTopic-31 .h3 {
	color: var(--primary-red-r300);
}
.ParentTopic-34 .Content h3,
.ParentTopic-34 .Content h4,
.ParentTopic-34 .Kicker,
.ParentTopic-34 .Spitzmarke,
.ParentTopic-34 .h3 {
	color: var(--secondary-blue-b300);
}
.ParentTopic-2 .Kicker,
.ParentTopic-31 .Kicker,
.ParentTopic-34 .Kicker {
	margin-bottom: -1rem !important;
}

.Content h4,
.cke_editable h4 {
	font-family: 'Exo', sans-serif;
    font-size: var(--fontsize-h4);
	font-weight: 400;
	line-height: 150%;
    margin-top: 1rem;
	margin-bottom: .5rem;
}

/* Medien */
.MediaBox {
	clear: both;
	margin: 0 auto .75rem auto;
	width: 100%;
}
.MediaBox.Left + p {
	clear: right;
}
.MediaBox ul,
.MediaBox ul li,
.MediaBox ul li a {
	display: inline !important;
	margin: 0 !important;
}
.MediaBox ul li {
	margin: 0 .75rem 0 0 !important;
}
.MediaBox ul li.License:before {
	content: 'Lizenz: ';
}
.MediaBox ul li:last-child {
	margin: 0 !important;
}
.MediaBox .mediaParent {
	display: block;
	position: relative;
	width: auto;
	z-index: 0;
	/* line-height: 0; */
}
.MediaBox.oembed.youtube .mediaParent {
	padding-top: 0 !important;
}
.MediaBox a {
	display: block;
}
.MediaBox a:hover, .MediaBox a:active, .MediaBox a:focus {
	background: none;
}
.MediaBox.Left, .MediaBox.Right {
}
@media (min-width:640px){ /* lg */
	.MediaBox.Left, .MediaBox.Right {
		width: 30%;
	}
}
@media (min-width:1024px){ /* lg */
	.MediaBox.Left, .MediaBox.Right {
		width: 412px;
	}
}
.MediaBox.Left {
	float: left;
	margin: 0 1rem 1rem 0;
}
.MediaBox.Right {
	float: right;
	margin: 0 0 1rem 1rem;
}
@media (min-width:1024px){ /* lg */
	.MediaBox.Left {
		margin: 0 3.75rem 4rem 0;
	}
	.MediaBox.Right {
		margin: 0 0 4rem 3.75rem;
	}
}
.MediaBox .Title,
.MediaBox .Copyright {
	color: rgba(0,0,0,0.5);
	display: inline-block;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	padding: 5px 0;
}
.MediaBox .Copyright {
	color: rgba(0,0,0,0.3);
	font-size: 9px;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
}
.MediaBox .Copyright:before {
	content: 'Foto: ';
}
.MediaBox .Copyright:after {
	content: '';
}
.MediaBox img {
	height: auto;
	width: 100%;
}

.MediaBox.oembed .mediaParent iframe {
	border: 0 none;
}
.MediaBox.oembed.rich {
	display: flex;
	justify-content: center;
	width: 100%;
}
.MediaBox.oembed.rich .mediaParent {
	flex: 0 0 auto;
	width: auto;
}
.MediaBox.oembed.rich .mediaParent > * {
	display: block;
	width: auto;
}
.MediaBox.oembed.gmaps,
.MediaBox.oembed.gmaps .mediaParent  {
	display: block;
}
.MediaBox.oembed.gmaps .mediaParent iframe {
	height: 100%;
	width: 100%;
}
.MediaBox.embed-16by9 .mediaParent,
.MediaBox.video .mediaParent {
	display: block;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
.MediaBox.video .mediaParent::before,
.MediaBox.embed-16by9 .mediaParent::before {
	display: block;
	content: '';

}
.MediaBox.embed-16by9 .mediaParent::before {
	padding-top: 56.25%;
}
.MediaBox.embed-16by9 .mediaParent > *,
.MediaBox.bundestag .mediaParent span,
.MediaBox.bundestag .mediaParent iframe {
	border: 0;
	bottom: 0;
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}

.MediaBox .mediaParent.oembed-privacy {
	display: block !important;
	flex: 1 !important;
}
.MediaBox .mediaParent.oembed-privacy::before {
	padding-top: 0 !important;
}
.MediaBox .mediaParent.oembed-privacy ~ * {
	display: none;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder {
	height: auto !important;
	position: static !important;
	width: auto !important;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body {
	background: #f9f9fa;
	font-size: 0.875rem;
	padding: 1rem;
	position: relative;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	background-repeat: no-repeat;
	content: '';
	height: 24px;
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 24px;
}
.MediaBox.bundestag .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	background-image: url(/kontext/images/icons/socialnetwork/24x24/bundestag.png);
}
.MediaBox.europarl .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	background-image: url(/kontext/images/icons/socialnetwork/24x24/europarl.png);
}
.MediaBox.facebook .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	background-image: url(/kontext/images/icons/socialnetwork/24x24/facebook.png);
}
.MediaBox.gmaps .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	background-image: url(/kontext/images/icons/socialnetwork/24x24/gmaps.png);
}
.MediaBox.soundcloud .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	background-image: url(/kontext/images/icons/socialnetwork/24x24/soundcloud.png);
}
.MediaBox.twitter .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	background-image: url(/kontext/images/icons/socialnetwork/24x24/twitter.png);
}
.MediaBox.vimeo .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	background-image: url(/kontext/images/icons/socialnetwork/24x24/vimeo.png);
}
.MediaBox.youtube .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	background-image: url(/kontext/images/icons/socialnetwork/24x24/youtube.png);
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body .media-placeholder-title {
	font-style: italic;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body h1 {
	font-size: 1.125rem;
	margin: 0 0 0.625rem;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body p {
	margin: 0 0 0.625rem;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body button {
	background: var(--weiss);
	border: 0;
	border-radius: 3px;
	box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	display: block;
	font-size: 1rem;
	margin: auto;
	padding: 10px 16px;
	text-decoration: none;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body button:hover {
	background: #f9f9fa;
	text-decoration: underline;
}








.MediaBox.oembed.rich .mediaParent {
	width: 100%;
}
/* Responsive Youtube-Loesung */

.MediaBox.oembed.youtube .mediaParent:before {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.MediaBox.oembed.youtube .mediaParent .media-placeholder-body {
	background-color:rgba(0,0,0,0.75);
	color: var(--weiss);
}
.MediaBox.Video {
/*	height: 100%;*/
	width: 100%;
}
.MediaBox.europarl .embedHelper, .MediaBox.vimeo .embedHelper, .MediaBox.youtube .embedHelper, .MediaBox.gmaps .embedHelper {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.MediaBox.europarl .embedHelper iframe, .MediaBox.europarl .embedHelper object, .MediaBox.europarl .embedHelper embed, .MediaBox.vimeo .embedHelper iframe, .MediaBox.vimeo .embedHelper object, .MediaBox.vimeo .embedHelper embed, .MediaBox.youtube .embedHelper iframe, .MediaBox.youtube .embedHelper object, .MediaBox.youtube .embedHelper embed {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.MediaBox.europarl.europarl .embedHelper, .MediaBox.vimeo.europarl .embedHelper, .MediaBox.youtube.europarl .embedHelper {
	padding-bottom: 63%;
}

.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body {
	height: 1200px;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body .media-placeholder-title,
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body h1,
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body p {
	margin-left: 75px;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body .media-placeholder-title,
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body h1 {
	margin-bottom: 20px;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body p {
	margin-bottom: 50px;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body button {
	background: rgba(230,68,21,1);
	border: 1px solid rgba(230,68,21,1);
	border-radius: 0;
	box-shadow: none;
	color: var(--weiss);
	margin-bottom: 50px;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body button:hover {
	background: var(--weiss);
	color: rgba(230,68,21,1);
	text-decoration: none;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	background-image: none !important;
	content: '\f059';
	font-family: 'FontAwesome';
	font-size: 60px;
	right: auto;
	top: 3rem;
}
.MediaBox.youtube .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	content: '\f167';
}
.MediaBox.vimeo .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	content: '\f194';
}
.MediaBox.facebook .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	content: '\f230';
}
.MediaBox.twitter .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	content: '\f099';
}
.MediaBox.gmaps .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
	content: '\f1a0';
}

/* Twitter */
.EmbeddedTweet {
	border: 0 !important;
}

/* Retweets */
.MediaBox.oembed.twitter.retweet {
	margin-top: 1rem;
	padding-top: 1.5rem !important;
	position: relative;
}
.MediaBox.oembed.twitter.retweet:before {
	content: '\f079';
	display: inline-block;
	font-family: 'FontAwesome';
	left: 1rem;
	position: absolute;
	top: -0.5rem;
}
.MediaBox.oembed.twitter.retweet:after {
	content: 'Caren Lay hat retweetet:';
	display: inline-block;
	left: 2.75rem;
	font-size: 12px;
	position: absolute;
	top: -0.5rem;
}
.Lang-en .MediaBox.oembed.twitter.retweet:after {
	content: 'Caren Lay retweeted:';
}
.MediaBox.oembed.twitter .retweetLink {
	display: none;
}
.MediaBox.oembed.twitter.retweet .retweetLink {
	display: block;
	height: 16px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.Main .Content #Gallery {
	margin-bottom: 3rem;
}

.Navi .Navi-Main li a {
	font-size: var(--fontsize-navi);
	font-weight: 700;
}
.Navi .Navi-Main li li a {
	font-weight: 400;
}
.Navi .Meta li a {
	font-size: var(--fontsize-metanavi);
}
.Navi .Meta li a[href="leichte-sprache.html"]:before,
.Navi .Meta li a[href="spenden.html"]:after,
.Navi .Meta li a[href="spenden.html"]:before {
	display: inline-block;
	font-family: var(--font-fontawesome);
}
.Navi .Meta li a[href="leichte-sprache.html"]:before {
	content: '\f5da';
	padding-right: .5rem;
}
.Navi .Meta li a[href="spenden.html"]:after {
	content: '\f004';
	padding-left: .5rem;
}

/* Slider */
.Carousel .Kicker span {
	text-transform: uppercase;
}

.slick-dots li {
	width: 8px !important;
	margin: 0 5px;
}
.slick-dots li button {
	border: 0 !important;
	display: inline-block;
	height: 1px;
	outline: none !important;
	width: 1px;
	text-indent: -10000px;
}
.slick-dots li:before {
	color: #000;
	content: '\f111' !important;
	font-family: 'FontAwesome' !important;
	font-size: 10px !important;
	opacity: 0.25;
	position: absolute;
	z-index: 990;
}
.slick-dots li.slick-active:before {
	opacity: 1;
}
.slick-next-icon,
.slick-prev-icon {
	display: none !important;
}
.Slider .slick-prev {
	left: 0;
}
.Slider .slick-next {
	right: 0;
}
.Zitate-Carousel .slick-autoplay-toggle-button {
	background: var(--weiss);
	border: 1px solid var(--secondary-blue-b300);
	bottom: 1rem !important;
	display: block;
	opacity: 1 !important;
	padding: .375rem 1rem;
	position: absolute;
	z-index: 999;
}

.Box-Shadow {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 4px 0px;
}

.Home .Widget-Bereiche .Inner {
	justify-content: flex-end;
}
.Home .Widget-Bereiche:nth-child(2n+2) .Inner {
	justify-content: flex-start;
}
.Widget-Item .Documents ul,
.Widget-Item .Documents ul li {
	list-style-type: none;
	margin: 0;

}
.Widget-Item .Documents ul li {
	margin-bottom: .5rem;
}
.Widget-Item .Documents ul li a {
	text-decoration: none;
}
.Widget-Item .Documents ul li a:focus,
.Widget-Item .Documents ul li a:hover,
.Widget-Item .Documents ul li a:active {
	text-decoration: underline;
}
.Widget-Item .Documents ul li .Title i {
	padding-right: .25rem;
}
.WidgetType-9,
.WidgetType-12,
.WidgetType-13 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.WidgetType-11 {
	column-count: 1;
	gap: 1rem;
	position: relative;
}
.WidgetType-13 .Widget-Item {
	width: 100%;
}
.WidgetType-10 .Widget-Item {
	background-color: var(--secondary-purple-p50);
}
.ParentTopic-26 .WidgetType-10 .Widget-Item {
	background-color: var(--primary-blue-b50);
}
.WidgetType-17 {
	background-color: var(--primary-blue-b50);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 4px 0px;
	margin-bottom: 1rem;
	padding: 1rem;
}
.WidgetType-20 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3rem;
	margin-top: 3rem;
	width: 100%;
}
.Listing-2-Cols {
	columns: 2 300px;
	column-gap: 3rem;
}
.Kontakt-Item {
	break-inside: avoid;
}

@media (min-width:640px){ /* sm */
	.WidgetType-13 .Widget-Item {
		width: 50%;
	}
	.WidgetType-13 .Widget-Item img {
		max-width: 220px;
	}
	.WidgetType-13 .Widget-Item .Desc {
		padding: 0 4rem;
	}
	.Article.Stellenangebote .WidgetType-13 .Widget-Item {
		width: 25%;
	}
	.Article.Stellenangebote .WidgetType-13 .Widget-Item .Desc {
		padding: 0;
	}
	.Article.Freiwilligendienste .WidgetType-13 .Widget-Item {
		width: 33.333333%;
	}
	.Article.Freiwilligendienste .WidgetType-13 .Widget-Item {
		padding-left: 0;
		padding-right: 0;
	}
	.WidgetType-17 {
		border-top-right-radius: 19.4174757%;
		margin-bottom: 2rem;
		padding: 2rem;
	}
	.WidgetType-9,
	.WidgetType-12,
	.WidgetType-20 {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.WidgetType-11 {
		column-count: 2;
	}

}

.Content ul.Persons,
.Content ul.Persons li {
	margin: 0 !important
}
.Content ul.Persons .Name a {
	color: var(--secondary-purple-p200);
	text-decoration: none;
}

/* Downloads */
/*
.Documents li a {
	margin: 0 -.5rem;
}
*/
.Documents li a .Image,
.Documents li a .Desc {
	padding: 0 .5rem;
}
.Documents li a .Image {
	width: 4rem;
}
.Documents li a .Desc {
	width: calc(100% - 4rem);
}
.Documents li.image a .Image {
	width: 12rem;
}
.Documents li.image a .Desc {
	width: calc(100% - 12rem);
}
.Documents li a:focus .Title,
.Documents li a:hover .Title,
.Documents li a:active .Title {
	text-decoration: underline;
}
/*
.Documents li a .Title:before {
	color: rgba(68,68,75,1);
	content: '\f019';
	font-family: "FontAwesome";
	margin-right: 10px;
}
.Documents .pdf a .Title:before {
	content: '\f1c1';
}
.Documents .image a .Title:before {
	content: '\f1c5';
}
.Documents .audio a .Title:before {
	content: '\f1c7';
}
*/
.PUB main .Documents li.Preview-Image .Image img {
	background: url(/kontext/images/icons/spinner.gif) center no-repeat;
}

/* Formulare */
main .Input.Text input,
main .Input.Email input,
main .Input.Date input,
main textarea,
main select {
	background: var(--weiss);
	border: 1px solid transparent;
	border-bottom: 1px solid var(--secondary-blue-b300);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	box-sizing: border-box;
	display: block;
	line-height: 140%;
	padding: .5rem 1rem;
	width: 100%;
}
main .formfields-no-shadow input,
main .formfields-no-shadow textarea,
main .formfields-no-shadow select {
	box-shadow: none !important;
}
main .Input.Text input:focus,
main .Input.Text input:hover,
main .Input.Text input:active,
main .Input.Email input:focus,
main .Input.Email input:hover,
main .Input.Email input:active,
main textarea:focus,
main textarea:hover,
main textarea:active {
	background: var(--weiss);
	border-color: var(--secondary-blue-b300);
}
main textarea {
	height: 150px;
}
main fieldset ul {
	padding: 10px 0;
}
main fieldset ul li {
	display: inline;
	margin-left: 20px;
	white-space: nowrap;
}
main fieldset ul li * {
	white-space: normal;
}
main fieldset ul li:first-child {
	margin-left: 0;
}
main form label {
	font-size: calc(var(--fontsize-body) * 0.75);
}
main fieldset.Radio label,
main .Checkbox label {
	padding-left: 10px;
}
main .F_title input {
	font-size: 18px;
	padding: 2px 0;
}
main p.F_disclaimer input,
main p.F_agreement input {
	display: block;
	float: left;
}
main p.F_disclaimer label,
main p.F_agreement label {
	display: block;
	margin-left: 20px;
}
main p.Input.Submit,
main .Content p.Input.Submit {
	display: block;
	margin-left: 10px;
	margin-right: 0 !important;
	text-align: right;
}
/*
main .Input.Submit input {
	background: rgba(0,0,0,0.15);
	border: 0;
	cursor: pointer;
	padding: 5px 20px;
}
*/
main .Input.Submit input:hover,
main .Input.Submit input:target {
	background: rgba(0,0,0,0.25);
}

.WidgetType-20 a .Title {
	color: var(--secondary-blue-b300);
}
.WidgetType-20 a .Desc {
	background: var(--weiss);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 8px -4px;
}
.WidgetType-22 + .WidgetType-23 {
	margin-top: 2.5rem;
}

/* Aktuelles-Widget Startseite */
/*
.Widget-Aktuelles .MediaBox.Left img {
	border-top-left-radius: 19.4174757%;
}
*/

/* Landingpage */
.Article-Section {
	margin-left: -1rem;
	margin-right: -1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1rem;
}
@media (min-width: 1024px) {
	.Article-Section {
/*
		padding-left: 60px;
		padding-right: 60px;
*/
		padding-top: 60px;
	}
}
.Article-Section:nth-child(2) {
	padding-bottom: 0;
}
.Article-Section:nth-child(1),
.Article-Section:nth-child(2),
.Article-Section:nth-child(3) {
	padding-top: 0;
}
.Article-Section.Typ2 .Content h3,
.Article-Section.Typ3 .Content h3,
.Article-Section.Typ2 .h3,
.Article-Section.Typ3 .h3 {
    font-size: var(--fontsize-h2);
}
.Article-Section.Typ2 .Content p,
.Article-Section.Typ2 .Documents {
    margin-bottom: 0;
	padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {
	.Article-Section.Typ2 .Content p,
	.Article-Section.Typ2 .Documents {
		 padding-bottom: 60px;
	}
	.Article-Section.Typ2 .Documents {
		 margin-top: -28px;
	}
	.Article-Section.Typ2 .Content p + p {
		 margin-top: -60px;
	}
}
.Article-Section .Kicker,
.Article-Section .Content p sub {
    display: block;
	margin-bottom: -2rem;
}
div.Article-Section[class*="Typ"] .Content p sub {
	display: block;
	margin-bottom: -5rem;
}
div.Article-Section[class*="Typ"] .Content p sub {
	margin-top: -60px;
	padding-top: 60px;
}
.Article-Section.Typ2 .Content p sub {
	margin-top: 3rem;
}
.Article-Section:nth-child(2n+4) {
	background-color: var(--secondary-blue-b50);
	padding: 1rem;
}
.ParentTopic-2 .Article-Section:nth-child(2n+4) {
	background-color: var(--secondary-purple-p50);
}
@media (min-width: 1024px) {
	.Article-Section:nth-child(2n+4) {
		padding: 60px;
		padding-bottom: 0;
	}
}
@media (min-width: 1024px) {
	.Article-Section .h3 ~ .MediaBox.Left + p,
	.Article-Section .MediaBox.Left ~ h3 + p {
		margin-left: calc(412px + 3.75rem);
	}
}
@media (min-width:640px){ /* lg */
	.Article-Section .MediaBox.Left img,
	.Image.Radius-Left img {
		border-top-left-radius: 19.4174757%;
	}
	.Article-Section .MediaBox.Right img {
		border-top-right-radius: 19.4174757%;
	}
}
@media only screen and (min-width: 1024px) { /* md */
	.Article-Section.Kleinere-Bilder .MediaBox.Left,
	.Article-Section.Kleinere-Bilder .MediaBox.Right {
		width: 308px;
	}
}

.cc-message,
.cc-message * {
	color: var(--secondary-blue-b300) !important;
}
@media (max-width: 1024px) {
	/* Cookie-Consent */
	.cc-window.cc-banner {
		width: auto !important;
	}
	.cc-color-override--1810296591.cc-window {
		background-color: #fff !important;
		border: 1px solid #ccc !important;
		border-radius: 5px;
		box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;
		display: block;
		margin: 1rem;
		padding-top: 3rem !important;
	}
	.cc-color-override--1810296591.cc-window:before {
		background: url(../images/cookie.webp) left center no-repeat;
		background-size: 24px 24px;
		color: var(--dunkelpetrol) !important;
		content: 'Wir nutzen Cookies!';
		display: block;
		font-weight: 700;
		margin-top: -2rem;
		padding-left: 2rem;
		position: absolute;
		width: calc(100% - 4rem);
	}
	.cc-banner .cc-message {
		display: block !important;
		margin: 0 0 1rem 0 !important;
	}
	.cc-color-override--1810296591 .cc-btn {
		background-color: var(--secondary-blue-b100) !important;
		color: var(--dunkelpetrol) !important;
	}
	.cc-highlight .cc-btn:first-child,
	.cc-highlight .cc-btn:first-child:hover {
		background-color: var(--primary-red-r300) !important;
		color: #fff !important;
	}
	.cc-window.cc-banner .cc-compliance {
		-webkit-box-flex: none !important;
		-ms-flex: none !important;
		flex: none !important;
	}
	.cc-compliance {
		display: block !important;
		width: 100% !important;
	}
	.cc-color-override--1810296591 .cc-btn {
		border-radius: 5px;
		display: block !important;
		margin-bottom: 1rem !important;
	}
	.cc-btn + .cc-btn {
		margin-left: 0 !important;
	}
	.cc-link {
		opacity: 1 !important;
		display: inline !important;
		font-weight: 700 !important;
		padding: 0 !important;
		text-decoration: underline !important;
	}
}
@media (min-width: 1024px) {
	.cc-color-override--1810296591.cc-window {
		background-color: var(--primary-red-r300) !important;
		color: #fff !important;
	}
	.cc-message,
	.cc-message * {
		color: #fff !important;
	}
	.cc-highlight .cc-btn {
	background-color: rgb(0,0,0,0.25) !important;
	}
}
@media (min-width: 1024px) {
	.Zeitstrahl-Item-Header {
		width: 360px;
	}
	.Zeitstrahl-Item-Content {
		width: calc(100% - 360px);
	}
	.Zeitstrahl-Item-Header {
		border-right: 1px solid #000;
		margin-right: -1px;
		padding-bottom: 3rem;
	}
	.Zeitstrahl-Item .Content h3 {
		margin-top: 2rem;
	}
	.Zeitstrahl-Item .Content h3:first-child {
		margin-top: 0;
	}
	.Zeitstrahl-Item .Content h3:before {
		color: #000;
		content: '\f111';
		font-family: 'FontAwesome';
		font-size: 1rem;
		line-height: 1;
		margin-left: -2.5375rem;
		margin-top: .375rem;
		position: absolute;
	}
	.Zeitstrahl-Item:first-child .Content h3:before {
		background: #fff;
		border-top: 2.875rem solid #fff;
		margin-top: -1.5rem;
	}
	.Zeitstrahl-Item:first-child .Content h3:first-child:before {
		border-top: 2rem solid transparent;
	}
	.Zeitstrahl-Item .Content {
		padding-bottom: 2rem;
	}
	.Zeitstrahl-Item:last-child {
		margin-bottom: 3rem;
	}
	.Zeitstrahl-Item:last-child .Content {
		padding-bottom: 0;
	}
}
@media (min-width: 1280px) {
	.Zeitstrahl-Item-Header {
		width: 460px;
	}
	.Zeitstrahl-Item-Content {
		width: calc(100% - 460px);
	}
	.Zeitstrahl-Item .Content h3:before {
		margin-top: .75rem;
	}
	.Zeitstrahl-Item:first-child .Content h3:before {
		border-top: .75rem solid #fff;
	}
	.Zeitstrahl-Item:first-child .Content h3:first-child:before {
		border-top: 2.5rem solid transparent;
	}
}

footer {
	background: var(--primary-red-r300);
	margin-top: 4rem;
}

@media only screen and (max-width: 639px) { /* md */
	.Navi {
		border: 0;
		left: 0;
		position: relative;
		width: calc (100vw - 2rem);
	}
	.Navi-Main {
		padding: 10px;
	}

	/* Mobile-Navi */
	nav {
		width: 100%;
	}
	header nav a {
		border-top: 1px solid var(--weiss);
		padding: 1rem;
	}
	nav .Level_0 li:first-child a {
		border-top: 0;
	}
	nav input[id*="NaviCheckbox"] {
		display: none;
	}
	nav input[id*="NaviCheckbox"] + label {
		color: #000;
		left: calc(100% - 3rem);
		top: 0;
	}
	nav input[id*="NaviCheckbox"]:checked + label i:before {
		content: '\f00d';
	}
	nav input[id*="NaviCheckbox"]:checked ~ .Navi {
		background: var(--primary-red-r300);
		max-height: 999em;
		top: 1rem;
	}
	.NaviWrap {
		min-height: 1rem;
	}
	.Navi {
		/* box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); */
		max-height: 0;
		overflow: hidden;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
	}
	.Navi-Main {
		padding: 0;
	}
	.Navi ul {
		backface-visibility: hidden;
		display: block;
	}
	.Navi ul li a {
		color: var(--weiss);
		display: block;
		font-size: 1rem;
		font-weight: 700;
		text-decoration: none;
	}
	.Meta ul li a {
		color: var(--weiss);
		font-weight: 400;
		font-size: .875rem;
	}
	.Navi ul li ul li a {
		font-weight: normal;
	}
	.Navi-Main ul li.Active ul {
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
	}
	.Navi-Main ul li.Active ul li a {
		font-size: 1rem;
	}
	.Logo {
		width: 10rem;
		padding: 1rem;
	}
	.Icons {
		margin-left: 2rem;
		margin-top: 2.875rem;
	}
}

@media (min-width:640px){ /* sm */
	.Header {
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
		border-top: 5.5rem solid #fff;
	}
	.Header .First {
		padding-bottom: 1rem;
	}
	.Header .First .First-Mantel {
		left: 0;
		position: absolute;
		top: 1.25rem;
		width: 100%;
	}
	.Header .Logo {
		width: 50%;
	}
	.Header .Icons {
		display: flex;
		justify-content: flex-end;
		padding-top: 1.75rem;
		padding-right: 4rem;
		width: 50%;
	}
	@media (min-width:640px) {
		.Header .Icons {
			padding-top: 0;
			padding-right: 0;
		}
	}
	body.scrolled .Header .Icons,
	body.scrolled2 .Header .Icons {
		padding-top: 1.5rem;
	}
	body.scrolled .Header .Logo,
	body.scrolled2 .Header .Logo {
		padding: 1rem;
	}
	.Header .Logo img {
		height: auto;
		width: 6rem;
		margin-left: 1rem;
	}
	@media (min-width:640px) {
		.Header .Logo img {
			width: 8rem;
			margin: 0;
		}
	}
	@media (min-width:768px) {
		.Header .Logo img {
			width: 9rem;
		}
	}
	@media (min-width: 1024px) {
		.Header .Logo img {
			width: 10rem;
		}
	}
	body.scrolled .Header .Logo img,
	body.scrolled2 .Header .Logo img {
		margin-left: 1rem;
	}
	@media (min-width:640px) {
		body.scrolled .Header .Logo img,
		body.scrolled2 .Header .Logo img {
			width: 5rem;
			margin: 0;
		}
	}
	@media (min-width: 1024px) {
		body.scrolled .Header .Logo img,
		body.scrolled2 .Header .Logo img {
			width: 6.5rem;
		}
	}

	body.scrolled .Header .First,
	body.scrolled2 .Header .First {
		background: none;
	}
	body.scrolled .Header .First .First-Mantel,
	body.scrolled2 .Header .First .First-Mantel {
		background: #fff;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		position: fixed;
		top: 0;
		z-index: 991;
	}
	body.scrolled .Navi,
	body.scrolled2 .Navi {
		left: 0;
		margin: 0;
		position: fixed;
		top: .75rem;
		width: 100%;
		z-index: 992;
	}
	body.scrolled .Navi li,
	body.scrolled2 .Navi li {
		background: none;
	}
	body.scrolled .Navi li a,
	body.scrolled2 .Navi li a {
		color: var(--primary-red-r300);
	}
	body.scrolled  .Navi-Main li ul,
	body.scrolled2  .Navi-Main li ul {
		background: none !important;
	}
	body.scrolled  .Navi-Main li li,
	body.scrolled2  .Navi-Main li li {
		border-top: 1px solid var(--primary-red-r300);
	}
	body.scrolled  .Navi ul li li a,
	body.scrolled2  .Navi ul li li a {
		background: var(--weiss) !important;
	}
	@media (min-width:1280px) {
		body.scrolled  .Navi-Main li ul.Level_1,
		body.scrolled2  .Navi-Main li ul.Level_1 {
			padding-top: .875rem;
		}
	}

	nav input[id*="NaviCheckbox"] {
		display: none;
	}
	nav input[id*="NaviCheckbox"] + label {
		display: none;
	}
	.Navi {
		margin-top: -2.5rem;
	}
	.Navi ul.Level_0 {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto;
		position: relative;
		width: fit-content;
	}

	.Navi li {
		background: var(--primary-red-r300);
		padding: 1rem 0;
	}
	.Navi li a {
		border-right: 1px solid #fff;
		display: block;
		padding: .375rem 1rem;
	}
	.scrolled .Navi li a,
	.scrolled2 .Navi li a {
		border-color: var(--primary-red-r300);
	}
	.Navi li:last-child a {
		border-right: 0;
	}
	.Navi a:focus,
	.Navi a:hover,
	.Navi a:active {
		text-decoration: underline;
	}
	.Meta {
		height: 3rem;
	}
	.Navi-Main a {
		color: var(--weiss);
		display: block;
		line-height: 1.5;
		text-decoration: none !important;
	}
	.Navi-Main li li {
		border-top: 1px solid #fff;
		padding: 0;
	}
	.Navi ul li li a {
		background: var(--primary-red-r300);
		border: 0;
		font-size: var(--fontsize-navi);
		padding: 1rem;
	}
	.Navi-Main li li a:focus,
	.Navi-Main li li a:hover,
	.Navi-Main li li a:active {
		text-decoration: underline !important;
	}
	.Navi-Main .Level_1 li:before {
		display: none;
	}
	.Navi-Main li ul.Level_1 {
		background: var(--primary-red-r300);
		display: none;
		left: 0;
		padding-top: 1rem;
		position: absolute;
		text-transform: none;
		top: 2.875rem;
		width: 100%;
		z-index: 993;
	}
	.Navi ul li:hover ul {
		display: block;
	}

	.Box:first-child .HL-Image {
		border-top-left-radius: 19.4174757%;
	}
	.Box:last-child .HL-Image {
		border-top-right-radius: 19.4174757%;
	}
}

@media only screen and (min-width: 768px) { /* md */
	.Slider {
		position: relative;
	}
	.Slider .Arrows {
		display: block;
	}
	.Slider .Arrows button {
		border: 0;
		color: var(--weiss);
		cursor: pointer;
		display: block;
		opacity: .25;
		position: absolute;
		z-index: 990;
	}
	.Slider .Arrows button:before {
		color: var(--secondary-blue-b300);
		font-family: 'FontAwesome';
		font-size: 30px;
	}
	.Slider .Arrows button.slick-prev:before {
		content: '\f053';
	}
	.Slider .Arrows button.slick-next:before {
		content: '\f054';
	}
	.Slider .Arrows button:hover {
		opacity: 1;
	}
	.Slider .slick-prev {
		left: -3rem;
	}
	.Slider .slick-next {
		right: -3rem;
	}

	blockquote {
		float: right;
		margin-left: 1rem;
		width: 40%;
	}

	footer {
		background: url(../images/bg-footer.svg?345) no-repeat;
		background-size: 120% auto;
		background-position: center top;
	}
}
@media (min-width:1024px){ /* lg */
	.Navi-Main li ul.Level_1 {
		top: 4.25rem;
	}
	.Navi ul.Level_2 li a:before {
		margin-top: .625rem;
	}
	.Home .Article {
		padding-top: 2rem;
	}
	.Content.lg\:pr-16 blockquote {
		margin-right: -4rem;
	}
	.Kontakt-mit-Karte .MediaBox.gmaps {
		float: left;
		margin-bottom: 0;
		padding-right: 2rem;
		width: 60%;
	}
	.Kontakt-mit-Karte .Article-Header {
		padding-top: 1rem;
	}
}

@media (min-width:1280px){ /* xl */
	.Navi-Main li ul.Level_1 {
		top: 4.375rem;
	}
	.Content.xl\:pr-48 blockquote {
		margin-right: -12rem;
	}
}

@media (min-width:1536px){ /* xxl */
}

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