@charset "UTF-8";
/* CSS Document */

@import url(https://cdn.warenform.de/fonts/font-awesome-4.7.0/css/font-awesome.min.css);

/* Farben */
:root {
	--rosa: #F8CFE3;
	--rot: #E62937;
	--orange: #FCCA5D;
	--orange-hell: #FFEBA5;
	--petrol: #64BEA8;
	--petroll-hell: #D1E9E3;
	--gruen: #8CB342;
	--gruen-hell: #B7D975;
	--logogruen: #A3CD7A;

	/* --gruen: #008200; */
	--blau: #0096bc;
	--dunkelblau:#004b5e;
	/* --rot: #d70000; */
	/* --orange: #ff6932; */
	/* --weiss: #fff; */
	--weiss: #fefefe;
	--dunkelgrau: #999;
	--grau: #ccc;
	--hellgrau: #eee;
}

/* Groessen */
:root {
	--wrapper: 100%;
	--splash-margin-top: 0;
	--splash-height: auto;
}
@media only screen and (min-width: 768px) {
	:root {
		--wrapper: 45.5rem;
	}
}
@media only screen and (min-width: 1024px) {
	:root {
		--splash-margin-top: 160px;
		--splash-height: calc(100vh - 160px);
		--wrapper: 58rem;
	}
}
@media only screen and (min-width: 1280px) {
	:root {
		--wrapper: 78rem;
	}
}
@media only screen and (min-width: 1440px) {
	:root {
		--wrapper: 88rem;
	}
}

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Avenir Next Pro Regular by Linotype
 * URL: https://www.myfonts.com/products/pro-regular-avenir-next-pro-368221
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * © 2023 MyFonts Inc. */

@font-face {
  font-family: "Avenir Next";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/AvenirNextProRegular.woff2') format('woff2'), url('../fonts/AvenirNextProRegular.woff') format('woff');
}

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Avenir Next Pro Bold by Linotype
 * URL: https://www.myfonts.com/products/pro-bold-avenir-next-pro-368249
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * © 2023 MyFonts Inc. */

@font-face {
  font-family: "Avenir Next";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/AvenirNextProBold.woff2') format('woff2'), url('../fonts/AvenirNextProBold.woff') format('woff');
}

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Avenir Next Pro Italic by Linotype
 * URL: https://www.myfonts.com/products/pro-italic-avenir-next-pro-368227
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * © 2023 MyFonts Inc. */

@font-face {
  font-family: "Avenir Next";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/AvenirNextProItalic.woff2') format('woff2'), url('../fonts/AvenirNextProItalic.woff') format('woff');
}

html.PUB,
.PUB body {
	background: var(--weiss);
	height: 100%;
	height: 100vh;
}
.PUB body {
	width: 100%;
	overflow-x: hidden;
}
body,
.cke_editable {
	background: var(--weiss);
	color: #000;
	font-family: "Avenir Next", "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.PUB body * {
	box-sizing: border-box;
	font-display: fallback;
	outline: none !important;
	transition: all 0.2s ease-out 0s;
}

.border-gray {
	border-color: var(--grau);
}
.border-green {
	border-color: var(--gruen);
}
.border-red {
	border-color: var(--rot);
}
.bg-white {
	background-color: var(--weiss);
}
.bg-petrol-hell {
	background-color: var(--petroll-hell);
}
.text-green {
	color: var(--gruen);
}
.text-red {
	color: var(--rot);
}
.\!text-red {
	color: var(--rot) !important;
}

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;
}

sub, sup,
.cke_show_borders sub, .cke_show_borders sup {
	font-size: 0.8em !important;
}
sub,
.cke_show_borders sub {
	vertical-align:bottom;
}
sup,
.cke_show_borders sup {
	vertical-align:top;
}

/* Blockquote */
.Content blockquote,
.cke_show_borders blockquote {
	font-style: italic;
	margin: 0 20px 0 40px;
}

/* Listen */
.Main .Content ul,
.Main .Content ol,
.cke_show_borders ul,
.cke_show_borders ol {
	clear: left;
	list-style: disc;
	margin: 20px 10px;
}
.Main .Content ul li,
.Main .Content ol li,
.cke_show_borders ul li,
.cke_show_borders ol li {
	list-style: disc;
	margin-bottom: 10px;
	margin-left: 10px;
}
.Main .Content ol,
.Main .Content ol li,
.cke_show_borders ol,
.cke_show_borders ol li {
	list-style: decimal;
}

/* Leichte Sprache */
.Topic-Leichte-Sprache .Content em,
.Topic-Leichte-Sprache .Content i {
	font-style: normal;
	text-decoration: underline;
}

/* Formular-Fehler */
p.Form-Error {
	background: none pink;
	font-size: 14px;
	padding-bottom: 10px;
}
p.Form-Error .Form-Error-Message {
	color: #c00;
	display: block;
	font-weight: bold;
}
form legend {
	border-bottom: 1px solid rgba(0,0,0,0.125);
	color: rgba(0,0,0,0.25);
	display: block;
	margin-bottom: 1rem;
	margin-top: 2rem;
	padding-bottom: 1rem;
	width: 100%;
}
form label {
	display: block;
}
form .Text input,
form .Email input,
form .Date input {
	border: 1px solid #000;
	font-weight: 700;
}
form .Date input {
	font-weight: 400;
}
form .Select {
	position: relative;
}
form .Select:before {
	color: #000;
	content: "\f078";
	font-family: 'FontAwesome';
	font-size: 1rem;
	position: absolute;
	right: 1rem;
	top: 2.5rem;
}
form .Select select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #000;
	cursor: pointer;
	padding: 1rem;
	width: 100%;
}
form .Select select::-ms-expand {
	display: none;
}
form .Radio input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 2px solid #000;
	border-radius: 48px;
	height: 12px;
	padding: 0;
	width: 12px;
}
form .Radio input:checked {
	border: 0;
}
form .Radio input:checked:before {
	color: var(--gruen);
	content:'\f00c';
	display: block;
	font-family: 'FontAwesome';
	margin-top: -3px;
}
form .Radio input:checked + label {
	color: var(--gruen);
	text-decoration: underline;
}
form input:hover::placeholder,
form input:target::placeholder {
	color: var(--dunkelblau);
	opacity: 1;
}
.FsBase ul {
	display: flex;
	justify-content: flex-start;
	margin: 0 -1rem;
}
.FsBase ul li {
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 1rem;
	text-align: center;
}
.FsBase ul li * {
	cursor: pointer;
}
.FsBase ul li label {
	padding-left: 0.5rem;
}

.Submit input {
	background: var(--gruen);
	border: 1px solid transparent;
	color: var(--weiss);
}
form .Submit input:hover {
	background: var(--dunkelblau);
}


/* Clearfix */
.Clear {
	clear: both;
}

/* Markierung */
.mark {
	background: #eef2f7;
	color: #666;
	font-weight: bold;
	padding: 0 2px;
}

/* Formulare */
form label {
	display: block;
}
form input {
	border: 0;
	display: block;
	padding: 1rem;
	width: 100%;
}

/* Sprungmarken */
.DN,
.Jumplabels {
	left: -100000px;
	position: absolute;
	top: -100000px;
	visibility: hidden;
	speak: normal;
}

img {
	max-width: 100%;
}

.Wrapper {
	margin: 0 auto;
	width: var(--wrapper);
}

/* Artikel */
h1, h2, h3, h4, .Subtitle {
	font-weight: 700;
	line-height: 140%;
	margin-bottom: 20px;
}
h2,
.Subtitle {
	font-size: 1.25rem;
	font-weight: 100;
}
h1,
h2.Title {
	font-size: 1.5rem;
	font-weight: 700;
}
h3 {
	font-size: 1.125rem;
}
h4 {
	font-size: 1rem;
}
.Main .Content h3,
.cke_editable h3,
.Main .Content h4,
.cke_editable h4 {
	clear: left;
	margin-top: 20px;
}
a {
	text-decoration: none;
}

.Main p,
.cke_editable p {
	margin-bottom: 2em;
}

.Main a,
.cke_editable a {
	color: var(--gruen);
	text-decoration: underline;
}
.Content table th,
.Content table td,
.cke_editable table th,
.cke_editable table td {
	border: 1px solid rgba(82,42,0,1);
	padding: 5px 10px
}

.Main .Article .Date,
.Main .Article .Author {
	display: inline-block;
	font-size: 14px;
}
.Main .Article .Date + .Author:before {
	content: ' / ';
}

.Main .Article .Date + h1,
.Main .Article .Author + h1,
.Main .Article .Date + h2.Title,
.Main .Article .Author + h2.Title {
	margin-top: 20px;
}

article .Date,
article .Author {
	font-size: 11px;
}

.Article .Kicker {
	font-size: 12px;
	font-weight: 100;
	margin-bottom: 10px;
}

/* Artikelanhang */
.Attach {
	border-top: 1px solid var(--gruen);
}
.Attach h3,
.Attach h4 {
	font-size: 1rem;
	margin: 0;
}
.Attach h4 a {
	display: block;
}
.Main .Article .Attach article .Date {
	color: var(--dunkelgrau);
	font-size: 0.6675rem;
}
.Attach.Tags li,
.Attach.Tools li {
	display: inline-block;
	margin-right: 1rem;
}
.Attach li:before {
	color: var(--grau);
	font-family: 'FontAwesome';
	margin-right: 5px;
	transition: all 0.8s ease-out 0s;
}
.Attach.Tags li:before {
	margin-left: 3px;
	margin-right: 2px;
}
.Attach li:hover:before {
	color: #000;
}
.Attach.Tags li:before {
	content: '\f292';
}
.Attach.Tools li.Print:before {
	content: '\f02f';
}
.Attach.Tools li.Top:before {
	content: '\f062';
}

/* Boxen */
.Boxes a {
	text-decoration: none;
}
.Boxes a:focus .Title,
.Boxes a:hover .Title,
.Boxes a:active .Title {
	text-decoration: underline;
}
.Boxes .More {
	text-align: right;
}
.Boxes a:focus .More,
.Boxes a:hover .More,
.Boxes a:active .More {
	text-decoration: underline;
}
.More a span,
a .More span {
	border-bottom: 2px solid var(--gruen);
	color: var(--gruen) !important;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}
.More a:focus,
.More a:hover,
.More a:active {
}
.Boxes h3 {
	font-size: 24px;
	font-weight: 700;
	margin: 1rem 0;
}
.Boxes h3 a {
	display: block;
}
/*
.Boxes.News a {
	border-color: var(--gruen) !important;
	color: var(--gruen);
}
.Boxes .Image {
	background-position: 50% 50%;
	background-size: cover;
}

.Boxes .Image img {
	display: none;
}
*/

/*
.Boxes.Event a {
	border-color: var(--blau) !important;
	color: var(--blau);
}
*/
.Boxes.Event .Date {
	background: var(--gruen);
	color: var(--weiss);
	font-size: 1rem;
}
.Boxes.Event b {
	display: block;
	font-weight: 700;
}
.Boxes.Event b time {
	display: block;
	font-size: 100px;
	line-height: 100%;
}
/*
.Boxes.Themen a {
	border-color: var(--rot) !important;
	color: var(--rot);
}
*/

/* Beschnittene Bilder */
.Image.Cropped picture {
	display: block;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}
.Image.Cropped picture img {
	bottom: -100%;
	left: -100%;
	height: auto;
	margin: auto;
	position: absolute;
	right: -100%;
	top: -100%;
	width: 100%;
}
.Image.Cropped.Large picture {
	padding-top: 67.2806067%;
}


/* Medien */
.MediaBox {
	clear: both;
	margin: 0 auto 10px auto;
	padding-top: 6px;
	width: 100%;
}
.MediaBox * {
	font-family: "Avenir Next", "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.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: var(--weiss);
	display: block;
	position: relative;
	width: auto;
	z-index: 0;
	line-height: 0;
	padding-bottom: 4px;
}
.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 {
	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 video {
	height: auto;
}

/* Responsive Yottube-Loesung */
.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';
}

/* 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: 'Katrin Langensiepen hat retweetet:';
	display: inline-block;
	left: 2.75rem;
	position: absolute;
	top: -0.5rem;
}
.Lang-en .MediaBox.oembed.twitter.retweet:after {
	content: 'Katrin Langensiepen 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;
}

/* Slider */
.slick-next,
.slick-prev {
	background: 0 0;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -1.75rem !important;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: 0;
}
.slick-prev:before,
.slick-next:before {
	color: var(--rosa) !important;
	content: '\f04b' !important;
	font-family: 'FontAwesome' !important;
	font-size: 3.5rem !important;
	opacity: 1 !important;
	position: absolute;
	top: 0;
}
.slick-prev {
	transform: rotateY(3.142rad) !important;
}

.Boxes.Twitter .MediaBox {
	margin: 0;
}
.Boxes.Twitter .MediaBox .mediaParent {
	width: 100%;
}
.Boxes.Twitter .MediaBox.oembed.rich {
	display: block !important;
	padding: 0 10px;
}

/* Bildrechte */
.Main .Licences .Content ul,
.Main .Licences .Content ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.Main .Licences .Copyright ul li.Photographer {
	padding-right: 10px;
}
.Main .Licences .Content ul li.Item {
	background: var(--weiss);
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
}
.List-Image-Licences .Image img {
	max-width: 100%;
}

/* Downloads */
.Documents li {
	margin-bottom: 20px;
}
.Documents li * {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.Documents li a {
	background: none !important;
	padding-left: 0 !important;
}
.Documents li a:focus .Title,
.Documents li a:hover .Title,
.Documents li a:active .Title {
	text-decoration: underline !important;
}

.Documents li .Author {
	color: rgba(68,68,75,0.3);
	display: block;
	margin-left: 25px;
}
.Documents li a span.Title:before {
	color: rgba(68,68,75,1);
	content: '\f019';
	font-family: "FontAwesome";
	margin-right: 10px;
}
.Documents .pdf a span.Title:before {
	content: '\f1c1';
}
.Documents .image a span.Title:before {
	content: '\f1c5';
}
.Documents .audio a span.Title:before {
	content: '\f1c7';
}
.PUB .Main .Documents li.Preview-Image {
	display: table;
}
.PUB .Main .Documents li.Preview-Image .Image {
	display: table-cell;
}
.PUB .Main .Documents li.Preview-Image .Image img {
	background: url(/kontext/images/icons/spinner.gif) center no-repeat;
	border: 1px solid var(--weiss);
	height: auto;
	width: 50px;
}
.PUB .Main .Documents li.Preview-Image a .Title {
	display: table-cell;
	padding-left: 20px !important;
	vertical-align: middle;
}
.PUB .Main .Documents li.Preview-Image .Author {
	font-size: 10px;
	margin: 0;
	padding-left: 5px !important;
	text-align: left;
}

/* Pressebilder zum Download */
.PUB body.Topic-11 .Main .Documents h3 {
	display: none;
}
.PUB body.Topic-11 .Main .Documents li.Preview-Image {
	float: left;
	margin-left: 5%;
	width: 30%;
}
.PUB body.Topic-11 .Main .Documents li.Preview-Image:nth-child(3n+1) {
	clear: left;
	margin-left: 0;
}
.PUB body.Topic-11 .Main .Documents li.Preview-Image,
.PUB body.Topic-11 .Main .Documents li.Preview-Image .Image,
.PUB body.Topic-11 .Main .Documents li.Preview-Image .Title {
	display: block;
	padding: 0 !important;
}
.PUB body.Topic-11 .Main .Documents li.Preview-Image .Image img {
	display: block;
	width: 100%;
	max-width: 360px !important;
}
.PUB body.Topic-11 .Main .Documents li.Preview-Image a .Title {
	margin-left: 20px;
	padding: 10px 0 0 0 !important;
}
.PUB body.Topic-11 .Main .Documents li.Preview-Image a .Title:before {
	display: block;
	margin-left: -20px;
	position: absolute;
}

/* Listing */
.Listing li article {
	background: var(--weiss);
}
.Listing a {
	border-color: var(--gruen);
	color: var(--gruen);
}
.Listing .Image {
	max-width: 50vw;
	max-width: calc(50vw - 2rem);
}
.Listing li .Foot {
}
.Listing li .More {
	text-align: right;
}

/* Leichte Sprache */
.Topic-Leichte-Sprache .Article {
	border: 1px solid #000;
	margin-bottom: 2rem;
	padding: 1rem 1rem 0 1rem;
}
.Topic-Leichte-Sprache .Article .Additionalcontent {
	display: none;
}
.Topic-Leichte-Sprache h1,
.Topic-Leichte-Sprache h2.Title {
	border-bottom: 1px solid #000;
	margin-bottom: 2rem;
	margin: 0 -1rem;
	padding: 0 1rem 1rem 1rem;
}
.Topic-Leichte-Sprache p {
	border-bottom: 1px solid #000;
	margin-bottom: 1rem;
	margin: 0 -1rem -1px -1rem;
	padding: 1rem;
}
.Topic-Leichte-Sprache .Desc p {
	border-bottom: 0;
}
.Topic-Leichte-Sprache .MediaBox {
	margin-left: -1rem;
	margin-right: -1rem;
	padding-top: 0;
	width: calc(100% + 2rem);
}
.Topic-Leichte-Sprache .MediaBox .Copyright {
	padding-left: 1rem;
	padding-right: 1rem;
}
.Topic-Leichte-Sprache .Content ul li p {
	border-bottom: 0;
	margin: 0;
	padding: 0;
}
.Topic-Leichte-Sprache .Content ul + p {
	border-top: 1px solid #000;
}
.Topic-Leichte-Sprache .Content p + ul {
	margin: -1px -1rem 0 -1rem;
	padding: 0 1rem;
}
.Topic-Leichte-Sprache .Content p + ul li {
	margin-left: 2rem;
}

/* Termine */
.passed a:before {
	content: '\f017';
	display: inline-block;
	font-family: 'FontAwesome';
	padding: 0 5px;
}


/* Paging */
.Main .Paging {
	clear: both;
	display: block;
	margin: 50px auto;
	padding: 50px 0;
	text-align: center;
	word-spacing: 3px;
}
.Main .Paging .Browse {
	display: none;
}
.Main .Paging .Previous,
.Main .Paging .Next {
	display: inline-block;
	position: relative;
	top: 10px;
	width: 15px;
}
.Main .Paging .Previous a,
.Main .Paging .Next a {
	background: none;
	display: inline-block;
}
.Paging .Previous a:before,
.Paging .Next a:before {
	color: rgba(230,68,21,1);
	content: '\f053';
	font-family: "FontAwesome";
	position: absolute;
	top: -10px;
}
.Paging .Previous a:before {
	margin-left: -15px;
}
.Paging .Next a:before {
	content: '\f054';
}
.Paging .Previous a:focus:before,
.Paging .Previous a:hover:before,
.Paging .Previous a:active:before,
.Paging .Next a:focus:before,
.Paging .Next a:hover:before,
.Paging .Next a:active:before {
	font-size: 24px;
}

.Main .Paging ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.Main .Paging ul li {
	border: 1px solid var(--gruen-hell);
	display: inline-block;
	font-weight: 700;
	list-style: none;
	margin: 0 5px;
	text-align: center;
}
.Main .Paging ul li a {
	background: var(--gruen-hell);
	color: #000;
	display: inline-block;
	padding: 3px 12px;
}
.Main .Paging ul li.Active {
	background: none;
	font-weight: 700;
	padding: 3px 12px;
	text-align: center;
}
.Listing .Paging ul li:after {
	border: 0;
	display: none;
}
.Main .Paging ul li:first-child.Active {
	padding-left: 15px;
}

/* Tagcloud */
.Tagcloud li {
	display: inline-block;
}
.Tagcloud li:nth-child(even) {
	font-weight: 700;
	margin: 0.5rem 1rem;
}

.Splash,
.Start-Splash {
	height: var(--splash-height);
}
.Start-Splash .MediaBox .mediaParent {
	border: 8px solid var(--weiss);
}
.Article .Splash,
.Searchpage .Splash,
.Topic-26 .Splash,
.Topic-Leichte-Sprache .Splash {
	background: var(--gruen) !important;
	height: 1rem !important;
	min-height: 1rem !important;
	padding: 0 !important;
}
.Splash {
	background: url(/images/bg-splash.svg) 50% 25% no-repeat;
	background-size: cover;
	margin-top: var(--splash-margin-top);
	width: 100%;
}
.Topic-2 .Splash {
	background-image: url(/images/bg_thema_orange.svg);
}
.Topic-4 .Splash {
	background-image: url(/images/bg_thema_hellgruen.svg);
}
.Topic-4 .Splash {
	background-image: url(/images/bg_thema_gruen2.svg);
}
.Topic-23 .Splash {
	background-image: url(/images/bg_thema_gruen3.svg);
}
.Topic-5 .Splash {
	background-image: url(/images/bg_thema_rosa.svg);
}
.Topic-11 .Splash {
	background-image: url(/images/bg_thema_gruen.svg);
}
.Splash-Logo div {
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
}

.Main {
	padding-top: 2.5rem;
}

/* Footer */
footer {
	background: url(../images/bg-footer.svg);
	background-size: cover;
}
footer label {
	display: none;
}
footer input {
	border: 1px solid transparent;
	color: var(--dunkelblau);
	font-weight: 700;
	-webkit-appearance: none;
	-moz-appearance: none;
}
footer input:hover::placeholder,
footer input:target::placeholder {
	color: var(--dunkelblau);
	opacity: 1;
}
footer .Submit input {
	background: var(--blau);
	border: 1px solid transparent;
	color: var(--weiss);
	cursor: pointer;
	font-weight: 700;
}
footer .Submit input:hover {
	background: var(--dunkelblau);
	border-color: var(--weiss);
}
footer ul {
	text-align: center;
}
footer * {
	color: #000;
}
footer li {
	display: inline-block;
	padding: 1rem;
}
footer .Leichte-Sprache a {
	background-size: 20px 0px;
	display: inline-block;
	padding: 0;
}
footer ul + ul {
	font-size: 0.5rem;
	text-transform: uppercase;
}

@media only screen and (max-width: 1023px) {
	.Desktop-Only {
		display: none !important;
		visibility: hidden !important;
	}
	html, body {
		max-width: 100%;
		overflow-x: hidden !important;
		position: relative;
		width: 100% !important;
	}
	/* Splash */
	.Logo {
		left: 0;
		position: absolute;
		top: 0;
		width: 220px;
	}
	.Logo img {
		height: 125px;
		width: 220px;
	}
	.Wrapper {
		padding: 1rem;
	}

	.Navi {
		border: 0;
		margin-left: 0;
		margin-top: 0;
		padding: 0;
		position: relative;
		width: 100%;
		z-index: 10000000;
	}

	/* Mobile-Navi */
	nav {
		width: 100%;
		z-index: 10000000000000000;
	}
	nav input[id*="NaviCheckbox"] {
		display: none;
	}
	nav input[id*="NaviCheckbox"] + label {
		background: var(--weiss);
		cursor: pointer;
		display: block;
		/*
		height: 100px;
		position: relative;
		*/
		text-align: center;
		text-indent: 0;
		user-select: none;
		width: 100%;
	}
	nav input[id*="NaviCheckbox"] + label:after {
		color: #000;
		content: '\f0c9';
		font-family: "FontAwesome";
		font-size: 3rem;
		line-height: 0;
		position: absolute;
		right: 1.5rem;
		top: 3.5rem;
	}
	nav input[id*="NaviCheckbox"]:checked + label:before {
		color: rgba(36,50,76,0.25);
	}
	nav input[id*="NaviCheckbox"]:checked + label:after {
		background: none;
		content: '\f00d';
		font-family: "FontAwesome";
	}
	nav input[id*="NaviCheckbox"]:checked ~ .Navi {
		max-height: 9999px;
	}
	nav .Navi {
		background: var(--logogruen);
		max-height: 0;
		overflow: hidden;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
	}
	nav .Navi .Wrapper {
		padding: 0;
	}
	nav .Navi ul {
		backface-visibility: hidden;
		display: block;
	}
	nav .Navi li a {
		border-bottom: 1px solid var(--weiss);
		color: #000;
		display: block;
		padding: 1rem;
	}
	nav .Navi-Main ul li {
		display: block;
		margin: 0;
		width: 100%;
	}
	nav .Navi-Main ul li.Active ul {
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
	}
	nav .Navi .Navi-Main ul li ul li a {
		font-size: 1rem;
		padding: 0.8rem 0.5rem 0.8rem 3rem !important;
	}

	.Documents li.Preview-Image a .Title {
		font-size: 14px;
	}

	.Boxes {
		margin-top: 2.5rem;
	}
	.Boxes.Event .Date {
		padding: calc(23.125% - 75px) 0;
	}
}
@media only screen and (max-width: 480px) {
	.MediaBox.Left,
	.MediaBox.Right {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.MediaBox.Left, .MediaBox.Right a {
		display: block;
		text-align: center;
	}
	.MediaBox.Left a img, .MediaBox.Right a img {
		width: auto;
		max-width: 100%;
	}
}
@media only screen and (min-width: 768px) {
	.Mobile-Only {
		display: none !important;
		visibility: hidden !important;
	}

	.Logo {
		right: 0;
		position: absolute;
		height: 17.65625vw;
		width: 31.25vw;
	}
	.Logo img {
		height: 17.65625vw;
		width: 31.25vw;
	}
	.Article-211 .MediaBox.Video {
		float: left;
		margin: 0 1rem 1rem 0;
		width: 33.333337%;
	}

	h2,
	.Subtitle {
		font-size: 1.75rem;
	}
	h1,
	h2.Title {
		font-size: 2rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1rem;
	}

	.Article,
	.Search form {
		margin: 0 auto;
		padding-bottom: 5rem;
		width: 760px;
		max-width: 100%;
	}
	.Listing li {
		/*
		border-left: 1rem solid var(--weiss);
		border-right: 1rem solid var(--weiss);
		*/
	}

	/* Boxen */
	.Boxes {
		margin-bottom: 1rem;
	}
	.Boxes h3 a {
		margin-top: calc(-54px - 56.25%);
		padding-top: calc(56.25% + 54px);
		position: relative;
		z-index: 5;
	}
	.Boxes article {
		height: 100%;
	}
	.Boxes.Event .Date {
		padding-bottom: 56.25%;
	}
	.Boxes.Event .Date span {
		display: block;
		margin-bottom: -56.25%;
	}

	/* Großer Block */
	.Big-Block h3 {
		font-size: 2.25rem;
		font-weight: 700;
		line-height: 150%;
	}
	.Big-Block .Desc {
		font-size: 1.25rem;
		line-height: 1.6em;
	}
	.Big-Block .Illu picture img {
		display: none;
	}
}
@media only screen and (min-width: 1024px) {
	/* Navi */
	.Navigation input[id*="NaviCheckbox"] {
		display: none;
	}
	.Navigation input[id*="NaviCheckbox"] + label {
		display: none;
	}
	.Navigation a {
		color: var(--weiss);
	}

	/* Hauptnavi */
	.Navi-Main ul.Level_0 {
		display: flex;
		justify-content: flex-end;
	}
	.Navi-Main ul li a {
		color: #000;
		display: block;
		font-size: 1rem;
		font-weight: 700;
		line-height: 100%;
	}
	.Navi-Main .Level_0 > li > a strong {
		border-bottom: 4px solid #000;
	}
	.Navi-Main ul li {
		padding: 0 .5rem;
	}
	.Navi-Main ul li ul li {
		padding: 0;
	}
	.Navi-Main ul li ul li a {
		font-weight: 400;
		text-align: left;
	}
	.Navi-Main ul {
		font-size: 17px;
		line-height: 100%;
		width: 100%;
	}
	.Navi-Main li {
		display: inline-block;
		margin: 0 -5px 0 0;
	}
	.Navi-Main li:last-child {
		margin-right: 0;
	}
	.Navi-Main li ul {
		display: none;
		padding-top: calc(1rem + 6px);
		position: absolute;
		text-transform: none;
		width: 261px;
		z-index: 100000;
	}
	.Navi-Main ul li ul li {
		margin: 0;
	}
	.Navi ul li:hover ul {
		display: block;
		z-index: 100001;
	}

	.Navi-Main li ul li {
		border: 1px solid #000;
		display: block;
		margin-right: 0;
		margin-bottom: -1px;
	}
	.Navi-Main li ul li:first-child {
		margin: -6px 0 0 0;
	}
	.Navi-Main li:hover ul li a {
		background: #000;
		border-top: 1px solid var(--weiss);
		color: var(--weiss);
		display: block;
		font-size: 16px;
		font-weight: 700;
		line-height: 160%;
		opacity: 1;
		padding: 10px;
		text-transform: none;
	}
	.Navi-Main li:hover ul li:first-child a {
		border-top: 0;
	}
	.Navi-Main li:hover ul li a:focus,
	.Navi-Main li:hover ul li a:hover,
	.Navi-Main li:hover ul li a:active {
		text-decoration: underline;
	}
	.Navi ul li.Active ul {
		/* display: none; */
	}

	/* Navi */
	.Navi .Nav ul li {
		float: left;
		font-size: 14px;
		line-height: 100%;
		margin-right: 20px;
		text-transform: uppercase;
	}
	.Navi .Nav ul li a:focus,
	.Navi .Nav ul li a:hover,
	.Navi .Nav ul li a:active {
		text-decoration: underline;
	}
	.Navi .Nav ul li:last-child {
		margin-right: 0;
	}

	/* Extranavi */
	.Extranavi {
		color: var(--weiss);
		right: 1rem;
		position: absolute;
		top: 5rem;
		transition: opacity .3s ease-in-out;
		width: 12.5rem;
		z-index: 99999999999999999999999999999999;
	}
	.Navigation.metanav-open .Extranavi {
		right: -500px;
	}
	.Extranavi li {
		margin: 1rem;
		font-size: 14px;
		line-height: 100%;
		text-align: right;
	}
	.Extranavi a:focus,
	.Extranavi a:hover,
	.Extranavi a:active {
		text-decoration: underline;
	}
	.Extranavi a {
		line-height: 100%;
	}
	.Extranavi li.Leichte-Sprache a,
	.Extranavi li.Schwere-Sprache a {
		background: url(/images/Leichte-Sprache.png) 0 5px no-repeat;
		background-size: 40px 40px;
		display: block;
		padding: 23px 0 23px 50px;
	}
	.Extranavi li.Schwere-Sprache a {
		background-image: url(/images/Schwere-Sprache.png);
	}
	a.Fa span {
		display: none;
	}
	a.Fa:before {
		display: inline-block;
		margin-bottom: 1rem;
		font-family: 'FontAwesome';
		font-size: 1.5rem;
	}
	a.Fb:before {
		content: '\f230';
	}
	a.Twitter:before {
		content: '\f099';
	}
	a.Insta:before {
		content: '\f16d';
	}

	/* Metanavi */
	.Metanavi {
		position: fixed;
		right: 0;
		width: 200px;
		z-index: 9999999;
	}
	.Metanavi #Meta {
		transition: transform .3s ease-in-out;
		transform: translateX(100%);
	}
	.Navigation.metanav-open .Metanavi #Meta {
		transform: translateX(0);
	}
	.Metanavi a {
		color: #000;
		display: block;
		font-size: 17px;
		height: 70px;
		padding: 1.5rem 2rem;
		text-decoration: none;
	}
	.Metanavi li a {
		background: rgba(0,0,0,0.5);
		color: white;
	}
	.Metanavi li a:focus,
	.Metanavi li a:hover,
	.Metanavi li a:active {
		background: var(--gruen);
	}
	.Metanavi li.Social a:focus,
	.Metanavi li.Social a:hover,
	.Metanavi li.Social a:active {
		background: rgba(0,0,0,0.5);
	}
	.Metanavi a[href*="/search/"]:before,
	.Metanavi .Contact a:before,
	.Metanavi .Newsletter a:before {
		font-family: 'FontAwesome';
		padding-right: 0.5rem;
	}
	.Metanavi a[href*="/search/"]:before {
		content: '\f002';
	}
	.Metanavi .Contact a:before {
		content: '\f095';
	}
	.Metanavi .Newsletter a:before {
		content: '\f003';
	}
	.Metanavi a.icon {
		display: block;
		position: absolute;
		right: 0;
		top: -3rem;
	}
	.Metanavi a:hover {
		background: var(-gruen);
	}
	.Metanavi li:first-child {
		border-top: 2rem solid transparent;
	}
	.Metanavi li {
		margin-bottom: 1px;
	}

	/* Splash */
	.Splash {
		min-height: 424px;
		padding-bottom: 40%;
		padding-bottom: 50vh;
	}
	.Home .Splash {
		height: calc(100vh - 160px);
	}

	h2,
	.Subtitle {
		font-size: 1.875rem;
	}
	h1,
	h2.Title {
		font-size: 2.25rem;
	}
	h3 {
		font-size: 1.5rem;
	}
	h4 {
		font-size: 1.25rem;
	}
	.Boxes {
		margin-bottom: 0;
	}
	.Boxes.News .Image {
		background: none !important;
	}
	.Boxes.News .Image img {
		display: block;
	}
	.Boxes.Event b time {
		font-size: 100px;
		line-height: 100%;
	}
}
@media only screen and (min-width: 70em) { /* 1120 */
	.Navi-Main ul li {
		padding: 0 1rem;
	}
	.Navi-Main ul li a {
		font-size: 1rem;
	}
}
@media only screen and (min-width: 1280px) {
	.Navi-Main ul li a {
		font-size: 1.25rem;
	}
	.Boxes.Event b time {
		font-size: 160px;
		line-height: 100%;
	}
	.Highlight .Desc {
		background-image: url("../images/polygon-orange-hell.svg");
		background-position: right center;
		background-repeat: no-repeat;
		background-size: auto 200%;
	}
}
@media only screen and (min-width: 1440px) {
	.Navi-Main li ul {
		padding-top: calc(2rem + 6px);
	}
	h2,
	.Subtitle {
		font-size: 2rem;
	}
	h1,
	h2.Title {
		font-size: 2.5rem;
	}
	h3 {
		font-size: 1.75rem;
	}
	h4 {
		font-size: 1.5rem;
	}
	.Boxes.Event b time {
		line-height: 100%;
		padding-top: 1rem;
	}
}

/* Matomo-Optout */
.matomo-optout-bar {
	background: var(--blau);
	border-top: 3px solid var(--weiss);
	box-sizing: border-box;
	bottom: -44px;
	color: var(--weiss);
	left: 0;
	height: 50px;
	right: 0;
	line-height: 30px;
	margin: 0 auto;
	opacity: 0.9;
	padding: 0.6rem 0 0.4rem 0;
	position: fixed;
	text-align: center;
	width: 100% !important;
}
.matomo-optout-bar a {
	color: #efefef;
}
.matomo-optout-bar.open {
	background: var(--blau);
	bottom: 0;
}
.matomo-optout-bar,
.matomo-optout-bar h3 span {
	transition: all 0.25s ease-in;
}
.matomo-optout-bar h3 {
	margin-top: -52px;
	position: absolute;
	width: 100%;
}
.matomo-optout-bar h3 span {
	background: var(--blau);
	border: 3px solid var(--weiss);
	border-bottom: 0;
	color: var(--weiss);
	cursor: pointer;
	display: inline-block;
	padding: 5px 20px;
}
.matomo-optout-bar h3 span i {
	margin-left: 10px;
}
.matomo-optout-bar.open h3 span {
	background: var(--blau);
}
.matomo-optout-bar iframe {
	height: 110px !important;
	margin-bottom: 20px;
	overflow: scroll !important;
	width: 80% !important;
}
.matomo-optout-bar button {
	border: 1px var(--weiss) solid;
	background: var(--blau);
	color: var(--weiss);
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	padding: 4px 5px;
}
.matomo-optout-bar button:hover {
	background: var(--weiss);
	color: var(--blau);
	transition: background-color, color 0.3s ease;
}
.matomo-optout-bar .Banner-Content {
	font-size: 16px;
}
@media only screen and (max-width: 36.94em) {
	.matomo-optout-bar {
		height: 130px;
		bottom: -126px;
	}
}
@media only screen and (min-width: 37em) and (max-width: 74em) {
	.matomo-optout-bar {
		height: 90px;
		bottom: -86px;
	}
	}
@media only screen and (min-width: 60.0625em) and (max-width: 74em) {
	.matomo-optout-bar {
		/*bottom: -174px;
		height: 180px;*/
	}
	.matomo-optout-bar iframe {
		height: 170px !important;
	}
}
@media only screen and (min-width: 74em) { /* 1184 */
	.matomo-optout-bar iframe {
		width: 1150px !important;
	}
}

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

/* Admin */
/*
.no-mq .Article,
.no-mq .Wrapper,
.no-mq .Main {
	margin: 0;
	width: 800px;
}
*/