:root {
	--fontsize-body: 1rem;
	--fontsize-navi: 1em;
	--fontsize-h1: 1.875em;
	--fontsize-h2: 1.375em;
	--fontsize-h3: 1.25em;
	--fontsize-h4: 1.125em;

	--schwarz: #000;
	--weiss: #fff;
	--rot: #c00;
}
@media (min-width:1024px) { /* lg */
	:root {
		--fontsize-body: 1.125rem;
		--fontsize-navi: 1.125rem;
		--fontsize-h1: 2.125em;
		--fontsize-h2: 1.625em;
		--fontsize-h3: 1.375em;
		--fontsize-h4: 1.125em;
	}
}
@media (min-width:1280px) { /* xl */
	:root {
	}
}
@media (min-width:1536px) { /* 2xl */
	:root {
		--fontsize-h1: 2.5em;
		--fontsize-h2: 1.75em;
	}
}
main, footer,
.cke_editable {
	font-size: var(--fontsize-body);
}

.hover\:border-blau:hover {
	border-color: var(--color-blau);
}
.hover\:text-blau:hover {
	color: var(--color-blau);
}
body,
.cke_editable {
	font-family: Arial, Helvetica, sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
html.PUB,
.PUB body {
	scroll-behavior: smooth;
	height: 100%;
}
html, body { margin: 0; padding: 0}
* {
	box-sizing: border-box;
	hyphens: auto;
	outline: none !important;

	/* typo */
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-stretch: normal;
}
.bg-verlauf {
	background: linear-gradient(
		135deg,
		var(--color-blau) 0%,
		var(--color-gruen) 25%,
		var(--color-hellgruen) 50%,
		var(--color-orange) 75%,
		var(--color-hellorange) 100%
	);
}

h1 {
/*
	background: linear-gradient(
		135deg,
		var(--color-blau) 0%,
		var(--color-gruen) 25%,
*/ /*		var(--color-hellgruen) 50%,
		var(--color-orange) 75%,
		var(--color-hellorange) 100% */
/*	);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
*/
}



.Content p {
	margin-bottom: 1rem;
}
.Content a {
	color: var(--color-blau);
	text-decoration: underline;
}
/* Listen */
[class*="Content"] ul,
[class*="Content"] ol,
.cke_show_borders ul,
.cke_show_borders ol {
	clear: left;
	list-style: disc;
	margin: 20px 10px;
}
[class*="Content"] ul li,
[class*="Content"] ol li,
.cke_show_borders ul li,
.cke_show_borders ol li {
	list-style: disc;
	margin-bottom: 10px;
	margin-left: 10px;
}
[class*="Content"] ol,
[class*="Content"] ol li,
.cke_show_borders ol,
.cke_show_borders ol li {
	list-style: decimal;
}

h3, h4 {
	clear: left;
}

.Level_0 {
	width: 100%;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}
@media (min-width:640px) {
	.Level_0 {
		font-size: 1.125rem;
		gap: 2rem;
		line-height: 1.75rem;
	}
}
@media (max-width:1023px) {
	.Level_0 {
		padding: 0 1rem;
		padding-bottom: 1.5rem;
		letter-spacing: var(--tracking-wider);
		text-align: center;
	}
	.Level_0 a {
		color: var(--color-blau);
		display: block;
		padding: .75rem 0;
		border-bottom: 1px solid var(--color-hellgrau);
	}
	.Level_1 a {
		color: var(--color-schwarz);
		padding-left: 2rem;
	}
}
@media (min-width:1024px) {
	.Level_0 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 4rem;
		line-height: 1.75rem;
	}
	.Level_0 li {
		position: relative;
	}
	.Level_1 {
		display: none;
	}
	li:hover .Level_1 {
		background: #fff;
		display: block;
		font-weight: 400;
		margin-left: -1rem;
		margin-right: -1rem;
		padding: .5rem 1rem;
		position: absolute;
		min-width: 200px;
		z-index: 9999999999999;
	}
	li:hover .Level_1 li {
		padding: .5rem 0;
	}
}
.Level_0 > li > a {
	color: var(--color-blau);
}
.Level_0 > li:nth-child(2) > a {
	color: var(--color-gruen);
}
.Level_0 > li:nth-child(3) > a {
	color: var(--color-hellgruen);
}
.Level_0 > li:nth-child(4) > a {
	color: var(--color-orange);
}
.Level_0 > li:hover a {
	color: var(--color-schwarz);
	text-decoration: underline;
}
.Level_0 > li:hover .Level_1 li a {
	color: var(--color-blau);
	text-decoration: none;
}
.Level_0 > li:hover .Level_1 li a:hover {
	color: var(--color-schwarz);
	text-decoration: underline;
}
body h1,
body h2,
body h3,
body h4 {
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: 1rem;
}
body h1 {
	font-size: var(--fontsize-h1);
}
body h2 {
	font-size: var(--fontsize-h2);
}
body h3 {
	font-size: var(--fontsize-h3);
}
body h4 {
	font-size: var(--fontsize-h4);
}
.Content p {
	margin-bottom: 1rem;
}

.Image.Cropped picture {
	display: block;
	overflow: hidden;
	object-fit: cover;
	padding-top: 56.25%;
	position: relative;
	width: 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%;
}

@media (min-width:1024px) {
	.lg:\border-white {
		border-color: white;
	}
}

/* Widgets */
@media (min-width:480px) {
	.WidgetType-1 {
		align-items: stretch;
		display: grid;
		gap: .5rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-left: -.5rem;
		margin-right: -.5rem;
	}
}
@media (min-width:1024px) {
	.WidgetType-1 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
@media (min-width:1280px) {
	.WidgetType-1 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width:1920px) {
	.WidgetType-1 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* Medien */
.MediaBox {
	clear: both;
	margin: 0 auto 10px auto;
	padding-top: 6px;
	width: 100%;
}
.MediaBox ul,
.MediaBox ul li,
.MediaBox ul li a {
	display: inline !important;
	margin: 0 !important;
}
.MediaBox ul li {
	margin: 0 10px 0 0 !important;
}
.MediaBox ul li.License:before {
	content: 'Lizenz: ';
}
.MediaBox ul li:last-child {
	margin: 0 !important;
}
.MediaBox .mediaParent {
	background-color:rgba(255,255,255,0.8);
	display: block;
	padding-bottom: 4px;
	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 {
	clear: both;
	width: 350px;
	max-width: 35%;
}
.MediaBox.Left img, .MediaBox.Right img {
	width: 100%;
}

.MediaBox.Left {
	float: left;
	margin: 0 15px 15px 0;
}
.MediaBox.Right {
	float: right;
	margin: 0 0 15px 15px;
}
.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,
.MediaBox .Copyright * {
	color: rgba(0,0,0,0.3);
	font-size: var(--fontsize-tiny);
	font-style: normal;
	font-weight: 400;
}
.MediaBox .Copyright:before {
	content: 'Foto: ';
}
.MediaBox .Copyright:after {
	content: '';
}
.MediaBox img {
	height: auto;
	width: 100%;
}

.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: #fff;
}
.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: #fff;
	margin-bottom: 50px;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body button:hover {
	background: #fff;
	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;
}

.swiper {
	overflow: hidden;
}

.swiper-slide img {
	border-color: #fff !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.swiper-pagination-bullet {
	background: white;
}

/* Formulare */
p.Input input,
p.Select select,
fieldset select,
.Textarea textarea {
	background: var(--weiss);
	border: 1px solid var(--schwarz);
	border-radius: 4px;
	color: var(--schwarz);
	padding: .5rem 1rem;
	transition: all .3s;
	width: 100%;
}

p.Input input:focus,
p.Input input:hover,
p.Select select:focus,
p.Select select:hover,
fieldset select:focus,
fieldset select:hover,
.Textarea textarea:focus,
.Textarea textarea:hover {
	background: var(--hellgelb);
}

p.Select select,
fieldset select {
	display: inline-block;
	width: 100%;
}
p.Select label {
	display: block;
}
p.Input.Date label {
	padding-right: 1rem;
}

/* Suche */
.F_s0 input,
.F_s1 input,
.F_sort select {
	width: 100% !important;
}

/* Buttons */
.Button,
p.Input.Submit {
	text-align: right;
}
.Button,
p.Input.Submit input {
	background: var(--schwarz);
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	min-height: 2rem;
	padding: .5rem 2rem;
	text-decoration: none !important;
	transition: all 0.25s ease-in-out;
	width: auto;
}
.Button:focus,
.Button:hover,
.Button:active,
p.Input.Submit input:focus,
p.Input.Submit input:hover {
	background: #fff;
	border-color: var(--schwarz);
	color: var(--schwarz);
}
p.Input input::placeholder,
p.Input input:-ms-input-placeholder,
p.Input input::-webkit-input-placeholder,
p.Input input:-moz-placeholder,
p.Input input::-moz-placeholder {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: var(--schwarz) !important;
	opacity:1;
}
fieldset.Checkbox li label {
	padding-left: .5rem;
}
.Checkbox.F_subscriptions legend {
	font-weight: 700;
}
.Radio.F_scope ul,
.Radio.F_mode ul {
	margin-left: -1rem;
	margin-right: -1rem;
}
.Radio.F_scope ul li,
.Radio.F_mode ul li {
	display: inline-block;
	padding: 0 1rem;
}

.Radio li {
	padding: .25rem 0;
}
.Radio li label {
	padding-left: .25rem;
}

.Textarea textarea {
	display: block;
	min-height: 10rem;
	width: 100%;
}

form input[type="radio"],
form input[type="checkbox"] {
	width: auto;
}
.Checkbox label,
.Radio label {
	padding-left: .5rem;
}
form input[type="date"],
form .F_PLZ input {
	padding-left: .5rem;
	padding-right: .5rem;
	width: auto;
	max-width: 100%;
}

/* Fehlermeldungen in Formularen */
.Form-Error label {
	color: var(--rot);
}
.Form-Error-Message {
	color: var(--rot);
	font-size: .75rem;
	padding-left: .5rem;
}

fieldset legend {
	display: block;
	font-size: var(--fontsize-h2);
	font-weight: 700;
	margin-bottom: 1rem;
	width: 100%;
}
fieldset fieldset legend {
	border-bottom: 1px solid #000;
	font-size: var(--fontsize-h4);
	padding-bottom: 1rem;
}
.Search fieldset legend {
	font-size: var(--fontsize-body);
}
.Paging {
	font-size: .75rem;
	margin: 2rem 0;
}
.Paging ul {
	display: flex;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: .5rem;
}
.Paging ul li {
	padding-left: 2px;
	padding-right: 2px;
}
.Paging ul li a,
.Paging ul li.Active {
	background: var(--color-gray-700);
	border-radius: 4px;
	color: #fff;
	display: block;
	padding: .5rem 0;
	text-align: center;
	width: 2rem;
}
.Paging ul li a {
	background: var(--color-gray-300);
	color: var(--schwarz);
}

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

/* Swiper */
.swiper-button-next,
.swiper-button-prev {
    background: #fff;
    border-radius: 999px;
    opacity: 0.25;
    padding: .5rem 0;
}
.Swiper:hover .swiper-button-next,
.Swiper:hover .swiper-button-prev {
    opacity: 1;
}