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

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

@import url(//cdn.warenform.de/css/font-awesome-animation/font-awesome-animation.min.css);

@import url(/kontext/css/reset-min.css);
@import url(/kontext/css/media-min.css);
@import url(/kontext/css/content-min.css);
@import url(/kontext/css/paging.css);

/*
Farben
Orange: #e4583a

*/

/* Mobile-Navi: Bugfix */
body { -webkit-animation: webkitCheckedBugWorkaround infinite 1s; }
@-webkit-keyframes webkitCheckedBugWorkaround {
	from { padding: 0; }
	to { padding: 0; }
}

html, body {
	height:100%;
}
body,
.cke_editable {
	background: #fff;
	color: rgb(40,39,40);
	font-family: "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	hyphens: auto !important;
}
* {
	box-sizing: border-box;
	font-size: 18px;
	outline: none !important;
}
a {
	color: #e4583a;
	text-decoration: none;
}

.Wrapper {
	margin: 0 auto;
}
.Main .Listing li a {
	color: rgb(40,39,40);
	text-decoration: none !important;
}
.Main {
	padding: 10px;
}

.Content .Image a {
	border: 0;
}

.Article .Content.ui-widget {
	font-family: "Roboto Condensed", "Helvetica Neue", Arial, sans-serif !important;
}

/* Mittelteil */
.Date {
	font-size: 12px;
}
.Article .Date {
	font-size: 12px;
	margin-bottom: 10px;
}
h1 {
	font-family: "Oswald";
	font-size: 30px;
	font-weight: 700;
	line-height: 45px;
	margin-bottom: 30px;
}
.Topic-mit-Slider .Article h1,
.Topic-28 .Listing h1 {
	display: none;
}
.Listing + h1 {
	font-size: 24px;
	margin-top: 50px;
}
h2 {
	font-family: "Oswald";
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	margin-bottom: 30px;
}
h3,
.cke_editable h3 {
	font-family: "Oswald";
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}
a h3 {
	font-family: "Oswald";
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 5px 0;
}
a:focus h3,
a:hover h3,
a:active h3 {
	color: #e4583a;
	text-decoration: underline;
}
h4,
.cke_editable h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.Content h3,
.cke_editable h3,
.Content h4,
.cke_editable h4 {
	margin: 30px 0 5px 0;
}

.Main .Content table,
.cke_editable table {
	border-collapse: collapse;
	width: 100%;
}
.Main .Content table th,
.Main .Content table td,
.cke_editable th,
.cke_editable td {
	border: 1px solid #000;
	font-size: 12px;
	padding: 5px;
}

/* Listing */
.Listing li {
	margin: 75px 0;
}
.Listing li:last-child {
	margin-bottom: 0;
}
.Listing li ul {
	padding-left: 20px;
}
.Listing li li {
	border-top: 0;
	margin: 10px 0;
	padding-top: 0;
}

/* Startseeite */
.Promoted .Image {
	margin-bottom: 10px;
}
.Promoted .Image img {
	display: block;
	width: 100%;
}

/* MediaBox */
.MediaBox ul,
.MediaBox ul li,
.MediaBox ul li a {
	display: inline !important;
	margin: 0 !important;
}
.MediaBox ul li  {
	display: inline !important;
	font-size: 18px;
	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 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 .Title, 
.MediaBox .Copyright {
	color: rgba(0,0,0,0.75);
	display: inline-block;
	font-family: "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: 400;
	line-height: 120%;
	padding: 5px 0;
}
.MediaBox .Copyright,
.MediaBox .Copyright *,
.MediaBox .Copyright a {
	color: rgba(0,0,0,0.5);
	font-size: 9px;
	font-style: normal;
	font-weight: 400;
}
.MediaBox .Copyright:before {
	content: 'Foto: ';
}
.MediaBox .Copyright:after {
	content: '';
}

/* Paging */
.Main .Paging {
	clear: both;
	display: block;
	margin: 0 auto;
	padding-bottom: 40px;
	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;
}
.Paging .Previous a:before,
.Paging .Next a:before {
	color: #333;
	content: '\f053';
	font-family: "FontAwesome";
	position: absolute;
	top: 7px;
}
.Paging .Previous {
	margin-right: 10px;
}
.Paging .Next a:before {
	content: '\f054';
	margin-left: 10px;
}

.Main .Paging ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.Main .Paging ul li {
	background: none !important;
	border: 0 !important;
	color: #100e10;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0 !important;
	text-align: center;
}
.Main .Paging ul li a {
	color: rgba(216,30,0,1);
	display: inline-block;
	margin-left: 1px;
	margin-right: 1px;
	padding: 5px !important;
	text-decoration: none !important;
}
.Main .Paging ul li a:focus,
.Main .Paging ul li a:hover,
.Main .Paging ul li a:active {
	background: none !important;
	color: rgba(216,30,0,1) !important;
	text-decoration: underline !important;
}
.Main .Paging ul li.Active {
	background: none;
	color: #100e10;
	font-weight: 700;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 10px;
	text-align: center;
}
.Main .Paging ul li.Active:before {
	content: '(';;
}
.Main .Paging ul li.Active:after {
	content: ')';;
}
.Main .Paging ul li:first-child.Active {
	padding-left: 15px;
}

/* Seite versenden / FAQ-Tool */
.Main .Sendarticle h1 q {
	color: #de1831;
}
.Main fieldset {
	background: #fff;
	border: 0;
	clear: both;
	padding: 0;
}
.Main fieldset legend {
	border-bottom: 1px solid rgba(94,96,102,1);
	display: block;
	font-style: italic;
	margin-bottom: 10px;
	margin-left: 0;
	padding-bottom: 10px;
	opacity: 0.25;
	width: 100%;
}
.Main fieldset.Searchterm legend {
	display: none;
}
.Main fieldset legend + p {
	clear: right;
}
.Main fieldset p {
	margin-bottom: 20px;
	padding: 0 30px;
}
.Main fieldset .Textarea {
	margin-bottom: 20px;
	padding: 0 15px;
}
.Main fieldset.AGB {
	margin-bottom: 20px;
	padding: 0 30px;
}
.Main fieldset.AGB {
	margin-bottom: 20px;
	padding: 0 30px;
}
.Main fieldset.AGB legend {
	margin-left: -30px;
}
.Main fieldset.AGB p.Input {
	margin: 10px 0;
	padding: 0;
}
.Main .Terms p {
	padding: 0 30px;
}
.Main .Terms p.Checkbox {
	margin-top: 20px;
}
.Main .Input.Text input,
.Main .Input.Email input,
.Main textarea {
	border: 1px solid #ccc;
	display: block;
	line-height: 140%;
	padding: 5px 10px;
	width: 100%;
}
.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 {
	border-color: #6f7c86;
	box-shadow: 0 0 1px #6f7c86;
    -moz-box-shadow: 0 0 1px #6f7c86;
    -webkit-box-shadow: 0 0 1px #6f7c86;
}
.Main textarea {
	height: 150px;
}
.Main fieldset ul {
	padding: 10px 0;
}
.Main fieldset ul li {
	display: inline;
	margin-left: 20px;
}
.Main fieldset ul li:first-child {
	margin-left: 0;
}
.Main fieldset.Radio label {
	padding-left: 10px;
}
.Main .F_title input {
	font-size: 18px;
	padding: 2px 0;
}
.Main .Question .F_questionerEmail input,
.Main .Question .F_questionerTown input,
.Main .Sendarticle .F_sn input,
.Main .Sendarticle .F_rn input,
.Main .Sendarticle .F_se input,
.Main .Sendarticle .F_re input {
	display: block;
	width: 230px;
}
.Main .Sendarticle .Name,
.Main .Sendarticle .Email,
.Main .Question .F_questionerEmail,
.Main .Question .F_questionerTown {
	display: table-cell;
	padding-bottom: 20px;
	width: 100px;
}

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

/* Newsletter */
.Main .Newsletter p.F_subscribe {
	float: right;
}

/* Termine */
.Event .Map,
.Event .Bookable {
	font-size: 14px;
	margin-top: 20px;
}
.Event .Info h3 {
	border-bottom: 2px solid rgb(40,39,40);
	font-size: 24px;
	margin-top: 50px;
}

.Event form {
	margin-bottom: 20px;
	padding: 30px 0;
}
.Event form p.Textarea {
	margin-bottom: 20px;
	padding: 0 30px;
}

/* Suche */
.Main .Search h2 {
	border-bottom: 1px solid rgba(94,96,102,1);
	font-size: 24px;
	padding: 10px 0;
}
.Main .Search fieldset p.Input {
    padding: 0;
}

/* Media-Groessen */
/*
.MediaBox {
	padding-top: 5px;
	width: auto;
}
.MediaBox img {
	width: 100%;
}
.MediaBox.Left,
.MediaBox.Right {
	width: 350px;
}
*/
.Content #Gallery {
	margin-bottom: 50px;
}

/* Downloads */
.Documents {
	margin-top: 60px;
}
.Documents li {
	margin-top: 20px;
}
.Documents li * {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.Documents li a {
	background: none !important;
	padding-left: 0 !important;
}
.Documents li .Author {
	color: rgba(68,68,75,0.3);
	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 #eee;
	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;
}

/* Akkordion */
h3.ui-accordion .ui-accordion-header {
	border: 0 !important;
	font-weight: 700;
	margin: 20px 0 10px 0 !important;
	padding: 0 0 0 2.2em !important;
}
.ui-accordion .ui-accordion-content {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
.ui-corner-all,
.ui-widget-content,
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
	border: 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none !important;
	font-weight: normal !important;
	color: #000 !important;
}
.ui-widget {
	font-family: font-family: "Roboto Condensed", "Helvetica Neue", Arial, sans-serif !important;
}


/* Tools */
.Tools {
	display: none;
}
.Tags {
	margin: 60px 0;
}
.Tags + .Tags {
	margin-top: -30px;
}
.Tags h3,
.Tags ul,
.Tags ul li {
	display: inline;
	font-family: "Roboto Condensed", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0;
}
.Tags ul li a:focus,
.Tags ul li a:hover,
.Tags ul li a:active {
	opacity: 1;
}
.Tags li:after {
	content: ', ';
}
.Tags li:last-child:after {
	content: '';
}


/* Tagcloud */
.Tagcloud {
	list-style: none;
	margin: 0 -2px;
	padding: 0;
}
.Main .Tagcloud {
	text-align: center;
}
.Tagcloud li {
	display: inline-block;
	margin: 2px;
}
.Tagcloud li a {
	padding: 0 2px;
	text-decoration: none;
	white-space: nowrap;
}
.Tagcloud li a:focus,
.Tagcloud li a:hover,
.Tagcloud li a:active {
	text-decoration: underline;
}
.Tagcloud li:nth-child(even) a {
	font-weight: 700;;
}

/* Bildrechte */
.Main .Licences .Content ul,
.Main .Licences .Content ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.Main .Licences .Content ul li.Item {
	background: #eee;
	border-bottom: 20px solid #fff;
	padding: 10px;
	width: 100%;
}
.List-Image-Licences .Image img {
	max-width: 100%;
}

/* Formulare */
p + form {
	margin-top: 20px;
}
p.Input {
	margin-bottom: 20px;
}

/* Slider */
.Slider a {
	color: #e4583a;
}
.Slider img {
	max-width: 100%;
}
.slick-slide {
    margin: 0 5px;
}
.slick-list {
    margin: 0 -5px;
}
.slick-next, .slick-prev {
	width: 60px !important;
	height: 60px !important;
	margin-top: -10px !important;
}
.slick-prev {
	left: -70px !important;
}
.slick-next {
	right: -70px !important;
}
.slick-next::before, .slick-prev::before {
	font-family: 'FontAwesome' !important;
	font-size: 48px !important;
}
.slick-prev::before {
	content: '\f053' !important;
}
.slick-next::before {
	content: '\f054' !important;
}

/* Footer */
.Footer .Blasen {
	width: 100%;
}
.Footer .Blasen img {
	height: 500px;
	width: 100%;
}
.Footer .Blasen ul,
.Footer .Blasen li a {
	position: absolute;
	z-index: 10;
}
.Footer-Navi ul {
	border-top: 1px solid #000;
	display: block;
	padding-top: 10px;
	text-align: center;
}
.Footer .Blasen {
	margin: 0 auto;
	width: 550px;
	max-width: 100%;
}
.Footer-Navi ul li a {
	color: #e4583a;
	color: #000;
	font-family: "Oswald";
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

@media only screen and (max-width: 50.99em) { /* 815 */

	.Navi {
		margin-top: 80px;
	}
	/* Mobile-Navi */
	nav input[id*="NaviCheckbox"] {
		display: none;
	}
	nav input[id*="NaviCheckbox"] + label {
		color: rgb(40,39,40);
		cursor: pointer;
		display: block;
		height: 3rem;
		position: relative;
		text-align: center;
		text-indent: 0;
		user-select: none;
		width: 100%;
	}
	nav input[id*="NaviCheckbox"] + label:before {
		position: absolute;
		left: 0.9rem;
		top: 0.2rem;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	nav input[id*="NaviCheckbox"] + label:after {
		color: #e4583a;
		content: '\f0c9';
		font-family: "FontAwesome";
		font-size: 2.5rem;
		height: 28px;
		line-height: 0;
		position: absolute;
		right: 1.5rem;
		top: 60px;
		width: 24px;
		z-index: 10000000;
	}
	nav input[id*="NaviCheckbox"]:checked + label {
		color: black;
	}
	nav input[id*="NaviCheckbox"]:checked + label:before {
		color: #ccc;
	}
	nav input[id*="NaviCheckbox"]:checked + label:after {
		background: none;
		color: #e4583a !important;
		content: '\f00d';
		font-family: "FontAwesome";
	}
	nav input[id*="NaviCheckbox"]:checked ~ .Navi {
		max-height: 999px;
	}
	nav .Navi {
		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-Main,
	nav .Navi-Extra {
		padding: 0;
	}
	nav .Navi-Main {
		font-weight: 800;
	}
	nav .Navi ul {
		backface-visibility: hidden;
		background: #fff;
		display: block;
	}
	nav .Navi ul li {
		background: #e4583a;
	}
	nav .Navi ul ul {
		display: none !important;
	}
	nav .Navi-Main ul li,
	nav .Navi-Extra ul li {
		display: block;
		margin: 0;
		width: 100%;
	}
	.Metanavi li.Search .Search-Layer,
	nav .Navi ul li a {
		border-bottom: 1px solid #fff;
		color: #fff;
		display: block;
		font-size: 1.2rem;
		padding: 0.8rem 22px;
		text-align: left;
	}
	nav .Navi-Main ul li:hover ul {
		display: none;
	}
	nav .Navi-Extra ul {
		padding: 0;
	}
	nav .Navi-Extra ul li:after {
		content: '';
	}

	.slick-prev {
		left: 0 !important;
	}
	.slick-next {
		right: 0 !important;
	}


	.Illu {
		margin-left: -80px;
		position: absolute;
		top: 0;
	}
	.Illu img {
		width: 220px;
	}
	.Logo {
		left: 0;
		position: absolute;
		text-align: center;
		top: 30px;
		width: 100%;
		z-index: 10000;
	}
	.Logo img {
		width: 250px;
	}

	/* Listing */
	.Listing .Image {
		background: none !important;
		margin-bottom: 10px;
	}
	.Listing .Image figure {
		background: none;
		margin: 0;
	}
	.Listing .Image img {
		width: 100%;
	}
	.Footer {
		border-top: 1px solid #000;
		margin: 60px 0;
		padding: 60px 0;
	}
	.Footer .Blasen {
		margin: 0 auto;
	}
	.Footer-Navi ul {
		border: 0;
		margin-top: 30px;
	}
	.Footer-Navi ul li {
		margin: 15px 0;
	}
}
@media only screen and (max-width: 31em) {
	nav input[id*="NaviCheckbox"] + label:after {
		top: 50px;
	}
	.Illu {
		display: none;
	}
	.Logo {
		padding-left: 5px;
		text-align: left;
	}
	.Logo img {
		width: 200px;
	}
	/*
	.MediaBox.Left,
	.MediaBox.Right {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		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: 51em) { /* 800 */
	.Wrapper {
		padding-bottom: 50px;
		width: 800px;
	}
	.Illu {
		position: absolute;
		top: 0;
	}
	.Illu img {
		width: 220px;
	}
	.Logo {
		left: 0;
		position: absolute;
		text-align: center;
		top: 30px;
		width: 100%;
		z-index: 10000;
	}
	.Logo img {
		width: 250px;
	}

	/* Mobile-Navi */
	nav input[id*="NaviCheckbox"] {
		display: none;
	}
	nav input[id*="NaviCheckbox"] + label {
		display: none;
	}

	/* Hauptnavi */
	.Navi {
		border-top: 1px solid rgb(40,39,40);
		margin: 140px 0 60px 0;
		text-align: center;
	}
	.Navi-Main ul li a span {
		color: rgb(40,39,40);
		display: block;
		font-family: "Oswald";
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 2px;
		line-height: 100%;
		padding: 0 5px;
		text-transform: uppercase;
	}
	.Navi-Main ul li a[href="/de/topic/6.blog.html"] {
		color: #e4583a;
	}
	.Navi-Main ul li a strong span,
	.Navi-Main ul li:hover a span,
	.Navi-Main ul li a:focus span,
	.Navi-Main ul li a:hover span,
	.Navi-Main ul li a:active span
	.Navi-Main ul li:hover li a:focus span,
	.Navi-Main ul li:hover li a:hover span,
	.Navi-Main ul li:hover li a:active span {
		color: #e4583a;
	}
	.Navi-Main ul li li a span {
		background: #fff;
		padding: 5px;
	}
	.Navi-Main ul li li:first-child a span {
		margin-top: 10px;
	}
	.Navi-Main ul li:hover li a span {
		color: #666;
		font-weight: 400;
		font-size: 14px;
		line-height: 140%;
		text-decoration: none;
	}
	.Navi-Main ul {
		margin-top: 20px;
		width: 100%;
	}
	.Navi-Main ul ul {
		margin-top: 0;
		max-width: 300px;
	}

	.Navi-Main ul ul {
		display: none;
		height: auto;
		position: absolute;
		max-width: 195px;
		z-index: 100000;
	}
	.Navi-Main li {
		display: inline-block;
		margin: 0 10px;
	}
	.Navi-Main li li {
		display: block;
		margin-left: 0;
	}
	.Navi ul li ul {
		display: none;
	}

	.Navi ul li:hover ul {
		display: block;
		z-index: 100001;
	}

	.Navi-Main li ul li {
		display: block;
		margin: 0;
	}

	/* Navi */
	.Navi .Nav ul li {
		float: left;
	}
	.Metanavi {
		font-family: "Oswald";
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 2px;
		left: 0;
		position: absolute;
		text-transform: uppercase;
		top: 100px;
		width: 100%;
	}
	.Metanavi,
	.Metanavi a {
		color: rgb(40,39,40);
		line-height: 100%;
	}
	.Metanavi ul {
		text-align: center;
	}
	.Metanavi ul li {
		display: inline;
		margin-right: 20px;
	}
	.Metanavi ul li:last-child {
		margin-right: 0;
	}
	.Social {
		left: 0;
		position: absolute;
		top: 20px;
		width: 100%;
	}
	.Social ul {
		margin: 0 auto;
		text-align: right;
		width: 650px;
	}
	.Social ul li {
		display: inline;
		margin-left: 20px;
	}
	.Social ul li i {
		display: none;
	}
	.Social ul li a {
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-size: 20px 20px;
		display: inline-block;
		height: 20px;
		width: 20px;
	}
	.Social ul li.Facebook a {
		background-image: url(../images/facebook.svg);
	}
	.Social ul li.Instagram a {
		background-image: url(../images/instagram.png);
	}
	.Social ul li.Twitter a {
		background-image: url(../images/twitter.png);
	}
	.Social ul li.Search a {
		background-image: url(../images/search.svg);
	}
	.Main {
		margin: 0 auto;
	}

	h1 {
		font-size: 30px;
		line-height: 140%;
	}
	.Listing + h1 {
		font-size: 24px;
	}

	/* Slider */
	.Slider h2 {
		font-size: 24px;
	}

	/* Listing */
	.Listing.Blog h2 {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
	}
	.Listing.Blog .Content h3 {
		font-size: 16px;
		font-weight: 700;
		margin: 10px 0;
	}
	.Listing a {
		display: table;
		width: 100%;
	}
	.Listing .Image,
	.Listing .Image + .Wrap {
		display: table-cell;
		vertical-align: top;
	}
	.Listing .Image {
		width: 200px;
	}
	.Listing .Image + .Wrap {
		padding-left: 20px;
	}
	.Listing .Image figure {
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		border: 1px solid rgb(40,39,40);
		display: block;
		height: 130px;
		margin: 0;
		overflow: hidden;
		width: 200px;
	}
	.Listing .Image img {
		display: none;
	}

	/* Bildrechte */
	.List-Image-Licences .Item {
		display: table;
	}
	.List-Image-Licences .Image,
	.List-Image-Licences .Copyright {
		display: table-cell;
		vertical-align: top;
	}
	.List-Image-Licences .Image,
	.List-Image-Licences .Image img {
		width: 200px;
	}
	.List-Image-Licences .Copyright {
		padding-left: 20px;
	}

	/* Medien */
	.MediaBox {
		clear: both;
		margin: 0 0 10px 0;
		padding-top: 5px;
		width: calc(100% + 40px);
	}
	.MediaBox .mediaParent {
		background-color: #fff;
		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 {
		max-width: 50%;
		width: 330px;
	}
	.MediaBox.Left img, .MediaBox.Right img {
		max-width: 100%;
	}

	.MediaBox.Left {
		float: left;
		margin: 0 15px 15px 0 !important;
	}
	.MediaBox.Right {
		float: right;
		margin: 0 0 15px 15px !important;
	}
	.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 img {
		height: auto;
		width: 100%;
	}

	/* Responsive Yottube-Loesung */
	.MediaBox.Video {
		position: relative;
		padding-bottom: 63%; /* Default for 1600x900 videos 16:9 ratio*/
		padding-top: 0px;
		height: 0;
		overflow: hidden;
		width: 100%;
	}
	.MediaBox.Video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.MediaBox.Video.bundestag .mediaParent,
	.MediaBox.Video.bundestag .mediaParent iframe,
	.MediaBox.Video.bundestag .mediaParent a span {
		width: 100% !important;
		height: 430px !important;
	}

	.MediaBox.Audio .mejs-container {
		width: 100% !important
	}

	/* Tools */
	.Tools {
		display: block;
		margin: 50px 0;
		text-align: center;
	}
	
	/* Footer */
	.Footer-Navi {
		padding-top: 50px;
	}
	.Footer-Navi ul {
		margin: 0 0 30px 300px;
	}
	.Footer-Navi ul li {
		display: inline;
		margin: 0 30px;
	}
}
@media only screen and (min-width: 80em) { /* 1280 */
	.NavContainer {
		margin: 0 auto;
	}
	.Logo img {
		width: 330px;
	}
	.Illu img {
		width: 280px;
	}
	.Logo {
		top: 50px;
	}
	.Navi {
		margin-top: 180px;
	}
	.Navi-Main li {
		margin: 0 15px;
	}
	.Navi-Main ul li a span {
		font-size: 22px;
	}
	.Metanavi {
		font-size: 18px;
		top: 140px;
	}
	.Social ul {
		width: 800px;
	}
	.Social ul li a {
		background-size: 30px 30px;
		background-size: 30px 30px;
		height: 30px;
		width: 30px;
	}
	.Wrapper {
		width: 1200px;
	}
	.Listing,
	.Article {
		padding: 0 170px 90px 170px;
	}
	.MediaBox {
		margin: 0 -170px 10px -170px;
		width: calc(100% + 340px);
	}

	/* Referenzen-Slider */
	.Content .Slider {
		margin-left: -170px;
		margin-right: -170px;
	}
}

/* Cookie-Banner */
.matomo-optout-bar {
	background: #000000;
	border-top: 3px solid #fff;
	box-sizing: border-box;
	bottom: -44px;
	color: #fff;
	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;
	text-decoration: underline;
}
.matomo-optout-bar.open {
	background: #44444b;
	bottom: 0;
}
.matomo-optout-bar,
.matomo-optout-bar h3 span {
	transition: all 0.25s ease-in;
}
.matomo-optout-bar h3 {
	margin-top: -48px;
	position: absolute;
	width: 100%;
}
.matomo-optout-bar h3 span {
	background: #000000;
	border: 3px solid #fff;
	border-bottom: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 5px 20px;
}
.matomo-optout-bar h3 span i {
	margin-left: 10px;
}
.matomo-optout-bar.open h3 span {
	background: #44444b;
}
.matomo-optout-bar iframe {
	height: 110px !important;
	margin-bottom: 20px;
	overflow: scroll !important;
	width: 80% !important;
}
.matomo-optout-bar button {
	border: 1px #fff solid;
	background: #44444b;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	padding: 4px 5px;
}
.matomo-optout-bar button:hover {
	background: #fff;
	color: #44444b;
	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-Preview */
.no-mq .Article,
.no-mq .Wrapper
.no-mq {
	max-width: 720px;
}