/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.woff') format('woff'), /* Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.woff') format('woff'), /* Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Black Italic'), local('Lato-BlackItalic'),
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//cdn.warenform.de/fonts/lato/latin/lato-v11-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}

:root {
	--schwarz: #000;
	--orange: #E75114;
	--dunkelgrau: #999;
	--petrol: #34495e;
	--dunkelgruen: #002A20;
	--gelb: #F8DC57;
	--hellgelb: #FCECAB;
	--hellhellgelb: #FDF6D5;
	--gruen: #267563;
	--mintgruen: #d7ffaa;
	--tuerkis: rgb(132,255,248);
	--lila: rgb(163,89,221);
	--rot: #c00;
	--weiss: #fff;
	--hellgrau: #eee;

	--fontsize-default: 1rem;
	--fontsize-small: .875rem;

	/* --fontsize-navi-main: 10vw; */
	--fontsize-navi-sub: 6vw;
	--fontsize-navi-meta: 7.5vw;

	/* --fontsize-h1: 2rem; */
	--fontsize-h1: 10vw;
	--fontsize-h2: 1.5rem;
	--fontsize-h3: 1.375rem;
	--fontsize-h4: 1.125rem;
	--font-fontawesome: "FontAwesome";
}
@media (min-width:640px) { /* sm */
	:root {
		--fontsize-h1: 1.953rem;
		/* --fontsize-navi-main: 3rem; */
		--fontsize-navi-sub: 2rem;
		--fontsize-navi-meta: 2rem;
	}
}
@media (min-width:768px) { /* md */
	:root {
		--fontsize-h1: 2.25rem;
		--fontsize-h2: 1.75rem;
		--fontsize-h3: 1.625rem;
		--fontsize-h4: 1.375rem;
	}
}
@media (min-width:1024px) { /* lg */
	:root {
		--fontsize-default: 1.563rem;
		--fontsize-h1: 2.5rem;
		--fontsize-h2: 1.875rem;
		--fontsize-h3: 1.75rem;
		--fontsize-h4: 1.5rem;
	}
}
@media (min-width:1280px) { /* xl */
	:root {
		/* --fontsize-navi-main: 1.625rem; */
		--fontsize-navi-sub: 1rem;
		--fontsize-navi-meta: .875rem;
	}
}
@media (min-width:1536px) { /* 2xl */
	:root {
		/* --fontsize-navi-main: 1.875rem; */
		--fontsize-navi-sub: 1rem;
		--fontsize-navi-meta: 1rem;
	}
}

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body,div,dl,dt,dd,ul,nav,menu,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:var(--schwarz);}del,ins{text-decoration:none;}
/* Additions */
img{vertical-align: bottom;border: none;}

body,
.cke_editable {
	background: var(--weiss);
	color: var(--schwarz);
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 1.4;
	font-size: 16px;
}
html.PUB,
.PUB body {
	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;
}
img {
	height: auto;
	max-width: 100%;
}

.font-bold,
strong, b,
.cke_editable strong, .cke_editable b {
	font-weight: 900;
}
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: 900;
}
sup, .cke_editable sup,
sub, .cke_editable sub {
	font-size: var(--fontsize-small);
	position: relative;
	vertical-align: baseline;
	top: -0.4em;
}
sub, .cke_editable sub {
	top: 0.4em;
}
.Clear {
	clear: both;
}

.Navi-Main li a {
	font-size: var(--fontsize-navi-main);
}
.Navi-Main li li a {
	font-size: var(--fontsize-navi-sub);
}
.Metanavi li a {
	font-size: var(--fontsize-navi-meta);
}
.Metanavi li a[href="/de/topic/10.support.html"] {
	text-transform: uppercase;
}
.Metanavi li a[href="/de/topic/10.support.html"]:before {
	color: var(--orange);
	content: '\f004';
	display: inline-block;
	font-family: 'FontAwesome';
	padding-right: .5rem;
}

.Head {
	background-image:url('../images/berlin-skyline_mitBaeren.webp');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
@media (min-width:1280px) {
	.Head {
		background-image: none;
	}
	.Logo {
		background-image:url('../images/berlin-skyline_mitBaeren.webp');
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 720px 316px; height: 300px
	}
}

.Highlights {
}

/* Blockquote */
[class*="Content"] p,
.cke_show_borders p {
	margin-bottom: var(--fontsize-default);
}
.Content2 p:last-child {
	margin-bottom: 0;
}
/* Blockquote */
[class*="Content"] blockquote,
.cke_show_borders blockquote {
	font-style: italic;
	margin: 0 20px 0 40px;
}

/* 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;
}
.cke_editable a,
[class*="Content"] a,
.Additionalcontent a {
	color: var(--orange) !important;
	font-weight: 900 !important;
}
.cke_editable a:focus,
.cke_editable a:hover,
.cke_editable a:active
[class*="Content"] a:focus,
[class*="Content"] a:hover,
[class*="Content"] a:active {
	text-decoration: underline !important;
}
.cke_editable h3,
[class*="Content"] h3 {
	font-size: var(--fontsize-h3);
	font-weight: 900;
	margin: 0 0 .5rem 0;
}
.cke_editable h4,
[class*="Content"] h4 {
	color: var(--grau);
	font-size: var(--fontsize-h4);
	font-weight: 900;
	margin: 0 0 .5rem 0;
}
.bg-hellgrau,
.hover\:bg-hellgrau:hover {
	background-color: var(--hellgrau);
}

.bg-orange,
.hover\:bg-orange:hover {
	background-color: var(--orange);
}
.border-orange {
	border-color: var(--orange);
}
.text-orange,
.hover\:text-orange:hover,
.group:hover .group-hover\:text-orange {
	color: var(--orange);
}
.text-rot,
.hover\:text-rot:hover {
	color: var(--rot);
}

.Level_0 {
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
}
h1, h2, h3, h4 {
	font-weight: 900;
	line-height: 1.5;
}
h1, h2 {
	margin-bottom: 2rem;
}
h1 {
	font-size: var(--fontsize-h1);
	font-weight: 900;
	line-height: 1.5;
}
h2 {
	font-size: var(--fontsize-h2);
	font-weight: 400;
	line-height: 1.5;
}
[class*="Content"],
.cke_editable {
	font-size: var(--fontsize-default);
	line-height: 1.5;
}
[class*="Content"] h3,
.cke_editable h3 {
	font-size: var(--fontsize-h3);
}
[class*="Content"] h4,
.cke_editable h4 {
	font-size: var(--fontsize-h4);
}
/* Beschnittene Bilder */
.Image.Cropped picture {
	display: block;
	overflow: hidden;
	object-fit: cover;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}
.Image.Cropped.Flat picture {
	padding-top: 33.333337%;
}
.Image.Cropped.Square picture {
	padding-top: 100%;
}
@media (min-width: 1024px) {
	.Image.Cropped.Splash picture {
		padding-top: calc(100vh - 190px);
	}
}
.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%;
}

/* Widgets */
/*
.Widget-Schwerpunkte:nth-child(3n+1) {
	background: var(--hellgelb);
}
.Widget-Schwerpunkte:nth-child(3n+2) {
	background: var(--tuerkis);
}
.Widget-Schwerpunkte:nth-child(3n+3) {
	background: var(--mintgruen);
}
.Widget-2 {
	margin-left: -1rem;
	margin-right: -1rem;
}
.Widget-Schwerpunkte:nth-child(2n) .flex {
	flex-direction: row-reverse;
}
*/
.Widget-5 {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	margin-left: -1rem;
	margin-right: -1rem;
}
.Home .Widget-Schwerpunkte .flex.py-8 {
	padding-bottom: 4rem;
    padding-top: 4rem;
}
@media (min-width: 1024px) {
	.Topic-1 .Widget-Schwerpunkte .flex.py-8 {
		padding-bottom: 4rem;
		padding-top: 4rem;
	}
}
@media (min-width: 1536px) {
	.Topic-1 .Widget-Schwerpunkte .flex.py-8 {
		padding-bottom: 6rem;
		padding-top: 6rem;
	}
}
.Topic-1 .Widget-Schwerpunkte {
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
	padding: 1rem;
}
@media (min-width: 768px) {
	.Topic-1 .Widget-Schwerpunkte {
		box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
	}
}

/* Media */
.MediaBox {
	clear: both;
	font-size: var(--fontsize-small);
	margin: 1rem auto 0 auto;
	width: 100%;
}

.MediaBox.Image {
	margin-bottom: 1rem;
}
/*
@media (min-width: 1280px) {
	.MediaBox.Image {
		margin: 0 -4rem 1rem -4rem;
	}
}
@media (min-width: 1536px) {
	.MediaBox.Image {
		margin: 0 -8rem 1rem -8rem;
	}
}
*/
.MediaBox.Left {
	float: left;
	margin: 0 1rem 1rem 0;
}

.MediaBox.Right{
	float: right;
	margin: 0 0 1rem 1rem;
}

.MediaBox.Left,
.MediaBox.Right {
	/*width: 190px;*/ /* ! */
	width: 40%;
}

.MediaBox img {
	width: 100%;
}

.MediaBox.Left img,
.MediaBox.Right img {
	max-width: 100%;
}
.MediaBox .Title,
.MediaBox .Copyright {
	color: #999;
	display: inline-block;
	font-family: 'Libre Baskerville', serif;
	font-size: 12px;
	font-style: italic;
	padding: 5px 2px;
}
.MediaBox .Copyright {
	color: #ccc;
}

/*.MediaBox.youtube iframe {*/
	/*height: 281px;*/ /* ! */
	/*width: 450px;*/ /* ! */
/* } */

.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: #fff;
	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;
}

/* Gallery */
.GalleryImage {
	margin-bottom: 20px;
}
.GalleryImage menu {
	background: #e1e2e8;
    background: -moz-linear-gradient(top, #e1e2e8, #ccc);
    background: -webkit-gradient(linear, left top, left bottombottom, from(#e1e2e8), to(#ccc));
	padding: 5px 0;
	width: 440px; /* ! */
}
.GalleryImage menu a {
	color: #00314a;
	text-decoration: none;
}
.GalleryImage menu a:focus,
.GalleryImage menu a:hover,
.GalleryImage menu a:active {
	text-decoration: underline;
}
.GalleryImage .Previous {
	display: inline;
}
.GalleryImage .Previous a {
	background: url(images\icons\cc_mono_icons/arrow_left_icon&16.png) left top no-repeat;
	padding: 0 0 0 12px;
}
.GalleryImage .Next {
	margin: -16px 0 0 200px;
	position: absolute;
	text-align: right;
	width: 240px; /* ! */
}
.GalleryImage .Next a {
	background: url(images\icons\cc_mono_icons/arrow_left_icon&16.png) right top no-repeat;
	padding: 0 12px 0 0 ;
}
.GalleryImage .Photographer {
	font-style: italic;
}

/* Fotogalerien */
main [class*="Content"] ul.Gallery,
main [class*="Content"] ul.Gallery li {
	list-style: none;
	margin: 0;
	padding: 0;
}
main [class*="Content"] ul.Gallery {
	margin-bottom: 20px;
	margin-top: 20px;
	width: 500px; /* ! */
}
main [class*="Content"] ul.Gallery li {
	border-bottom: 10px solid #fff;
	float: left;
	height: 140px; /* ! */
	list-style: none;
	margin: 0 ;
	overflow: hidden;
	padding: 0;
	width: 150px; /* ! */
}



/* Media-Groessen */
.MediaBox {
	clear: both;
	padding-top: 5px;
	width: auto;
}
.Carousel-Fotostrecke .MediaBox,
.Carousel-Fotostrecke .MediaBox.youtube .embedHelper {
	margin: auto !important;
	width: auto !important;
}
.MediaBox:after {
	border-bottom: 1px solid var(--grau);
	content: ' ';
	display: block;
	margin-bottom: 2.5rem;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.5rem;
	/* width: 75%; */
	min-width: var(--content-width);
}
.MediaBox.Left:after,
.MediaBox.Right:after {
	width: 310px !important;
	min-width: 310px !important;
	max-width: 310px !important;
}
.MediaBox ul,
.MediaBox ul li,
.MediaBox ul li a {
	display: inline !important;
	margin: 0 !important;
}
.MediaBox ul li {
	margin: 0 0.625rem 0 0 !important;
}
.MediaBox ul li.Photographer:before {
	content: 'Foto: ';
}
.MediaBox ul li.License:before {
	content: 'Lizenz: ';
}
.MediaBox ul li:last-child {
	margin: 0 !important;
}
.MediaBox img {
	width: 100%;
}
.MediaBox.Left,
.MediaBox.Right {
	float: left;
	margin-right: 1rem;
	width: 310px !important;
}
.MediaBox.Right {
	float: right;
	margin-left: 1rem;
	margin-right: 0;
}
.MediaBox .Title,
.MediaBox .Copyright {
	color: #666;
	font-family: 'Roboto', "Helvetica Neue", Arial, sans-serif;
	font-weight: 300;
	line-height: 1.6;
	margin: 0.5rem auto;
}
.MediaBox.Left .Title,
.MediaBox.Right .Title,
.MediaBox.Left .Copyright,
.MediaBox.Right .Copyright {
	width: 310px !important;
	min-width: 310px !important;
	max-width: 310px !important;
}

.MediaBox .Title {
	font-size: var(--fontsize-small);
	font-style: italic;
}
.MediaBox .Copyright,
.MediaBox .Copyright * {
	font-size: var(--fontsize-mini);
	font-weight: 100 !important;
}

.MediaBox.oembed .mediaParent {
	background-color:rgba(255,255,255,0.8);
	display: block;
	padding-bottom: 4px;
	position: relative;
	width: auto;
	z-index: 0;
}

.MediaBox.oembed.twitter.retweet {
	margin-top: 1rem;
	padding-top: 1rem;
	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: 'Retweet';
	display: inline-block;
	left: 2.75rem;
	position: absolute;
	top: -0.5rem;
}
.MediaBox.oembed.twitter .retweetLink {
	display: none;
}
.MediaBox.oembed.twitter.retweet .retweetLink {
	display: block;
	height: 1rem;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.MediaBox.Video {
	width: 100%;
}
.MediaBox.europarl .embedHelper, .MediaBox.vimeo .embedHelper, .MediaBox.youtube .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;
	padding-top: 2rem;
}
.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: 5rem;
    margin-right: 5rem;
	text-align: center !important;
}
.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;
	padding-top: 12px;
}
.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(223, 4, 4, 1);
	border: 1px solid rgba(223, 4, 4,1);
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	margin-bottom: 1rem;
}
.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body button:hover {
	background: rgba(255,255,255,1);
	color: rgba(223, 4, 4,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: .5rem;
}
.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.oembed.youtube .mediaParent {
	padding-top: 0 !important;
}
 /* 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.65);
	color: #fff;
}

[class*="Content"] #Gallery {
	margin-bottom: 3.125rem;
}

/* 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 */
p.Input input,
p.Select 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.Select select {
	display: inline-block;
	width: auto;
}
p.Select label {
	display: block;
}
p.Input.Date label {
	padding-right: 1rem;
}
p.Checkbox,
.Input.Radio li {
	align-items: flex-start;
	display: flex;
}
p.Checkbox input,
.Input.Radio li input {
	margin-top: .75rem;
}
/* Suche */
.F_s0 input,
.F_s1 input,
.F_sort select {
	width: 100% !important;
}

.CTA-Button a {
	overflow: hidden;
	position: relative;
	transition: 0.2s transform ease-in-out;
	will-change: transform;
	z-index: 0;
}
.CTA-Button a:after {
	background: var(--gruen);
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-100%, 0) rotate(10deg);
	transform-origin: top left;
	transition: 0.2s transform ease-out;
	will-change: transform;
	z-index: -1;
}
.CTA-Button:nth-child(2n+2) a:after {
	transform: translate(-150%, 0) rotate(-10deg);
	transform-origin: top left;
}

.CTA-Button a:hover::after {
	transform: translate(0, 0);

}
.CTA-Button a:hover {
	transform: scale(1.05);
	will-change: transform;
}

/* Buttons */
.Button a,
p.Input.Submit input {
	border: 1px solid var(--schwarz);
	border-radius: 4px;
	color: var(--schwarz);
	cursor: pointer;
	display: inline-block;
	font-weight: 900;
	min-height: 2rem;
	padding: .5rem 2rem;
	text-decoration: none !important;
	transition: all 0.25s ease-in-out;
	width: auto;
}
.Button a:focus,
.Button a:hover,
.Button a:active,
p.Input.Submit input:focus,
p.Input.Submit input:hover {
}
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: 900;
}
.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(--orange);
}
.Form-Error-Message {
	color: var(--orange);
	font-size: .75rem;
	padding-left: .5rem;
}

fieldset legend {
	display: block;
	font-size: var(--fontsize-h2);
	font-weight: 900;
	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-default);
}

/* Paging */
.Paging {
	clear: both;
	display: block;
	margin: 0;
	text-align: center;
	margin-top: 3rem;
	padding: 1.25rem 0;
	word-spacing: 3px;
	width: 100%;
}
main .Paging .Browse {
	display: none;
}
main .Paging .Previous,
main .Paging .Next {
	display: inline-block;
	position: relative;
	width: 1.875rem;
}
main .Paging a {
	background: none !important;
}
main .Paging .Previous a:before,
main .Paging .Next a:after {
	background: none;
	content: '\f060';
	font-family: 'FontAwesome';
	display: inline-block;
	margin: 0 1.25rem 0 0;
}
main .Paging .Next a:after {
	margin: 0 0 0 1.25rem;
	content: '\f061';
}
main .Paging ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto !important;
}
main .Paging ul li {
	background: none !important;
	border: 0 !important;
	display: inline-block;
	list-style: none;
	font-weight: normal;
	padding: 0 !important;
	text-align: center;
	width: auto;
}
main .Paging ul li:before {
	display: none !important;
}

main .Paging ul li a {
	display: inline-block;
	margin: 0 0 0.625rem 0 !important;
	padding: 5px 0.625rem !important;
	min-width: 2.5rem;
}
main .Paging ul li.Active {
	color: var(--dunkelrot);
	font-weight: 700;
	padding: 0.625rem;
	min-width: 3.125rem;
}
main .Paging ul li a:focus,
main .Paging ul li a:hover,
main .Paging ul li a:active {
	color: var(--dunkelrot) !important;
}
main .Paging ul li:first-child.Active {
	padding-left: 15px;
}
main .Paging ul li:last-child {
	padding-right: 15px;
}

.Password-Change p.Input.Password {
	padding-bottom: 1rem;
}
.Password-Change p.Submit {
	text-align: right;
}
button, input, select, textarea, label {
	font-size: var(--fontsize-default);
}



/* Akkordion */
main .ui-widget,
main .ui-widget p {
	font-family: 'Barlow Semi Condensed', sans-serif !important;
	font-size: var(--fontsize-default) !important;
	line-height: 1.5 !important;
}
main .ui-accordion .ui-accordion-header {
	margin-top: var(--fontsize-default) !important;
}
main .ui-widget h3.ui-helper-reset {
	font-family: 'Barlow Semi Condensed', sans-serif !important;
	font-weight: 900 !important;
	font-size: var(--fontsize-default) !important;
}
main .ui-widget h3.ui-helper-reset.ui-accordion-icons {
	margin-top: 10px !important;
	padding-left: 35px !important;
}
main .ui-widget div.ui-helper-reset {
	font-family: 'Barlow Semi Condensed', sans-serif !important;
	font-size: var(--fontsize-default) !important;
	line-height: 1.5 !important;
}
main .ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-corner-left,
.ui-corner-bl,
.ui-corner-all,
.ui-corner-top,
.ui-corner-tr,
.ui-corner-tl  {
	border-radius: 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: var(--orange) !important;
	color: #fff !important;
	border-color: transparent !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border-color: transparent !important;
}
main .ui-icon, .ui-widget-content .ui-icon {
	background: none !important;
	display: inline !important;
	height: 0 !important;
	vertical-align: top !important;
	width: 0 !important
}
main .ui-icon:before, main .ui-widget-content .ui-icon:before {
	color: #fff !important;
	content: '\f0da' !important;
	font-family: var(--font-fontawesome) !important;
	margin-right: .5rem !important;
	width: 1rem !important;
}
main .ui-state-active .ui-icon, main .ui-button:active .ui-icon {
	background: none !important;
	display: inline !important;
	height: 0 !important;
	vertical-align: top !important;
	width: 0 !important
}
main .ui-state-active .ui-icon:before, main .ui-button:active .ui-icon:before {
	color: #fff !important;
	content: '\f0d7' !important;
	font-family: var(--font-fontawesome) !important;
	margin-right: .5rem !important;
}

.List-As-Accordion button {
	background: var(--orange);
	color: var(--weiss);
	border: 0;
	display: block;
	padding: 0;
	text-align: left;
	width: 100%;
}
html[dir="rtl"] .List-As-Accordion button {
	text-align: right;
}
.List-As-Accordion li {
	margin: 1.875rem 0;
}
.List-As-Accordion h2,
.List-As-Accordion button {
	cursor: pointer;
	margin: 0 !important;
}
.List-As-Accordion h2 span,
.List-As-Accordion button span {
	color: var(--weiss);
	display: block;
	font-size: var(--fontsize-h3);
	font-weight: 900;
	padding: 15px 1.875rem;
}
.List-As-Accordion h2 span i:after,
.List-As-Accordion button span i:after {
	color: var(--weiss);
	content: '\f067';
	display: block;
	font-family: 'FontAwesome';
	font-style: normal;
	float: right;
}
html[dir="rtl"] .List-As-Accordion h2 span i:after,
html[dir="rtl"] .List-As-Accordion button span i:after {
	content: '\f068';
	float: left;
}
.List-As-Accordion h2.show span i:after,
.List-As-Accordion button[aria-expanded="true"] span i:after {
	content: '\f068' !important;
}
.List-As-Accordion .Accordion-Item {
	border: 1px solid var(--gruen);
	display: none;
	padding: 1.875rem;
}
.List-As-Accordion .Accordion-Item .MediaBox {
	margin-left: -1.875rem;
}

@media only screen and (max-width: 79.9375em) { /* 1023 */
	.Navi {
		border: 0;
		max-height: 0;
		margin-top: 1rem;
		overflow: hidden;
		padding: 0;
		position: relative;
		transition: all 0.6s;
		z-index: 10000000;
	}

	/* Mobile-Navi */
	nav {
		width: 100%;
		z-index: 100000000;
	}
	nav input[id*="NaviCheckbox"] {
		display: none;
	}
	nav input[id*="NaviCheckbox"] + label {
		background: var(--weiss);
		cursor: pointer;
		display: block;
		text-align: center;
		text-indent: 0;
		user-select: none;
		width: 100%;
	}
	nav input[id*="NaviCheckbox"] + label:after {
		color: #000;
		content: '\f0c9';
		font-family: var(--font-fontawesome);
		font-size: 2rem;
		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: var(--font-fontawesome);
	}
	nav input[id*="NaviCheckbox"]:checked ~ .Navi {
		max-height: 9999px;
	}
	.Navi ul {
		backface-visibility: hidden;
		display: block;
	}
	.Navi li a {
		border-top: 1px solid var(--schwarz);
		display: block;
		padding: 1rem;
	}
	.Navi-Main ul li {
		display: block;
		margin: 0;
		width: 100%;
	}
	.Navi-Main li li {
		display: none;
	}
	.Navi-Main li.Active li {
		display: block;
	}
	.Navi-Main li li a:before {
		content: '\f054';
		font-family: var(--font-fontawesome);
		font-size: calc(var(--fontsize-navi-sub) * 0.5);
		margin-left: -1.5rem;
		margin-top: calc(var(--fontsize-navi-sub) * 0.4);
		position: absolute;
	}
	.Navi-Main li li a {
		padding-left: 3rem;
	}
}
@media only screen and (max-width: 640px) {
	nav input[id*="NaviCheckbox"] + label:after {
		top: 3rem;
	}
}
@media only screen and (max-width: 480px) {
	nav input[id*="NaviCheckbox"] + label:after {
		top: 2.25rem;
	}
}
@media only screen and (min-width: 48em) { /* 760 */
	.Mobile-Only {
		display: none !important;
		visibility: hidden !important;
	}

}
@media (min-width: 1024px) {
	.HL-Teaser {
		height: 33vw;
	}
	.Sidebar {
		position: sticky;
		top: 1rem;
	}
}
@media (min-width: 1280px) {
	/* Navi */
	.Navigation input[id*="NaviCheckbox"] {
		display: none;
	}
	.Navigation input[id*="NaviCheckbox"] + label {
		display: none;
	}

	/* Hover-Effekt */
	.Navi-Main a {
		display: block;
	}
	/* Hover-Effekt Ende */

	/* Hauptnavi */
	.Level_0 {
		align-items: center;
		gap: .875rem;
		height: 3.375rem;
		justify-content: flex-start;
		padding-top: 1.125rem;
	}
	.Navi-Main li ul {
		display: none !important;
		padding-top: 2rem;
		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 !important;
		z-index: 100001;
	}
	.Navi ul li:hover ul ul {
		display: none !important;
	}

	.Navi-Main li ul li {
		border-top: 1px solid var(--weiss);
		display: block;
		margin-right: 0;
	}
	.Navi-Main li ul li:first-child {
		border-top: 0;
		margin-top: -1px;
	}
	.Navi-Main li:hover ul li a {
		background: var(--gelb);
		display: block;
		line-height: 160%;
		opacity: 1;
		padding: 1rem;
		text-transform: none;
	}
	.Navi-Main li:hover ul li a:focus,
	.Navi-Main li:hover ul li a:hover,
	.Navi-Main li:hover ul li a:active {
		background: var(--hellgelb);
	}

	/* Navi */
	.Navi .Nav ul li {
		float: left;
		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;
	}

	.Das-sind-wir ul {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		/*height: 100vw;*/
		/*max-height: 800px;*/
		/*break-inside: avoid;*/
	}
	.Das-sind-wir ul li {
		display: flex;
		flex: 1 1 auto;
		width: 50%;
		margin-bottom: 10px;
		border-radius: 10px;
		padding: 0 10px;
	}
}
@media (min-width: 1536px) { /* 1521 */
	.Level_0 {
		gap: 2rem;
		padding-top: .75rem;
	}
	.Navi-Main a:before {
		top: 2.625rem;
	}

}

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