@import 'fonts.css';

/**
 * @todo MSC: Folgende Vendor-Präfixe können entfernt werden:
 * 	- transsition (alle) * 	- translate (ausser webkit)
 */

/** ALLGEMEINE ELEMENTE ********************************************************************************************************************/


	#contentArea .articleDetail,
	#contentArea .articleDetail h1{
		margin-top: 0;
	}

	#contentArea .articleDetail .image img {
		margin: auto;
	}

	#contentArea > .container ul{
		list-style-image: url(/img/list_icon_article.png);
		padding-left: 20px;
	}
	#contentArea > .container ul.dropdown-menu{
		list-style-image: none;
	}

/** Weitere -> Monatspass **/

.swpde-monatspass .btn {
	background: #DD0935;
	color: white;
	font-weight: bold;
	padding: 10px;
}

.swpde-monatspass small {
	font-size: 11px;
	position: relative;
	top: -14px;
}

.swpde-monatspass .m-1 {
	margin: 1em 0;
}

.swpde-monatspass .grey {
	color: darkgray;
}

.swpde-monatspass .price {
	padding: 3px 10px;
	font-size: 22px;
}

@media (min-width:1px) and (max-width: 768px) {
	.swpde-monatspass .price {
		text-align: center;
	}
	.swpde-monatspass small {
		top: 0;
	}
	.swpde-monatspass .price div {
		display: inline;
	}
}


	/** ICONS ******************************************************************************************************************************/



		/**
		 * richMediaButtons & Bar
		 */
			.richMediaBar,
			.richMediaButton {
				display:inline-block
			}
			.teaserItem .richMediaBar {
				position:absolute;
			}
			.teaserItem .body .richMediaBar {
				right: 20px;
				top: -40px;
			}
			.teaserItem .img .richMediaBar {
				right: 8px;
				bottom: 8px;
			}

			.teaserItem .richMediaButton {
				position:absolute;
				top:50%;
				left:50%;
				transform: translate(-50%, -50%);
				z-index: 2;
			}

			.richMediaButton span,
			.richMediaBar span{
				padding: 0.3em 0.5em;
				border-radius: 50%;
				display: inline-block;
				font-size: 14px;
				line-height: 1.4em; /** Pass zumindest für Video */
				background: #d61113;
				color: #fff;
				text-align: center;
			}


			@media (min-width:1px){
				.richMediaButton span{
					font-size: 2.8em;
				}
				.irmodulteaserlay6 .richMediaButton span{
					font-size: 0.71em;
				}
			}
			@media (min-width:768px){
				.richMediaButton span{
					font-size: 1.7em;
				}
				.irmodulteaserlay1 .richMediaButton span{
					font-size: 3.1em;
				}
			}


			.richMediaBar span:after,
			.richMediaButton span:after {
				position:relative;
				display:inline-block;
				font-family:FontAwesome;
				width: 1.1em;
			}



			.richMediaBar span.photo:after,
			.richMediaButton span.photo:after {
				content:"\f030"
			}
			.richMediaBar span.video:after,
			.richMediaButton span.video:after {
				content:"\f04b";
			}
			.richMediaBar span.count,
			.richMediaButton span.count {
				width:auto;
				border-radius:15px;
				padding-left:10px;
				padding-right:10px
			}
			.richMediaBar span.count:after,
			.richMediaButton span.count:after {
				margin-left:5px
			}

			span.video:after {
				right: -0.1em;
			}



	/*******************************************************************************************************************************************
	 * Zeichnet um die Ziffern einer OL einens Kreis/badge - Verwendung z.B. (Messenger-) Widgets wie Newsletter, Whatsapp oder Facebook )
	 */
		ol.bullets {
			list-style: none;
			padding: 0;
		}
		ol.bullets li {
			counter-increment: counter;
			margin-bottom: 5px;
			line-height: 1.55em;
		}
		ol.bullets li:before {
			display: inline-block;
			width: 1.55em;
			height: 1.55em;
			margin-right: 0.5em;
			background: #e0e0e0;
			border-radius: 100%;
			color: #fff;
			text-align: center;
			content: counter(counter);
		}

	/** Social Bar *************************************************************************************************************************/
		.socialBar {
			margin-bottom:15px;
			margin-top:15px;
		}

			.socialBar a{
				position:relative;
				display:block;
				padding: 12px;
				margin-bottom:10px; /** @todo evtl. wh inline */
				margin-right:2px;
				color:#fff;
				border-radius:5px;
				text-align:center;
				font-weight:700;
				text-decoration:none;
				line-height: 1em;
			}

			.socialBar.inline a,
			.mediaDetail .socialBar a,
			.articleDetail .socialBar a{ /* @todo per sep. klasse steuern*/
				display:inline-block;
			}

			.socialBar a .icon,
			.socialBar a .fa {
				font-size:25px
			}
			/* 
			obsolet da nun font awesom @todo ???
			.socialBar a.messenger .icon {
				display: inline-block;
				width: 0.85em;
				height: 0.85em;
				background-image: url(../img/iconFontAltMessenger.svg);
				background-size: contain;
				background-repeat: no-repeat;
			}
			*/
			.socialBar a .title,
			.socialBar a .title {
				position:relative;
				display:inline-block;
				top:-3px;
				margin-left:5px
			}

			/* Farben */
			.socialBar a.facebook{
				background-color:#3b5999
			}
			.socialBar a.whatsapp {
				background-color: #25d366;
			}
			.socialBar a.twitter {
				background-color:#1ea1f3
			}
			.socialBar a.instagram {
				background-color:#843ab5
			}
			.socialBar a.youtube {
				background-color:#cf201b
			}
			.socialBar a.mail,.socialBar a.print {
				color:#999!important;
				background-color:#f7f7f7
			}
			.socialBar a.messenger {
				background-color:#0084ff
			}
			.socialBar a.messenger .icon {
				background-image:url(../img/iconFontAltMessenger.svg)
			}
			.socialBar a:active.facebook,.socialBar a:focus.facebook,.socialBar a:hover.facebook {
				background-color:#2d4474
			}
			.socialBar a:active.twitter,.socialBar a:focus.twitter,.socialBar a:hover.twitter {
				background-color:#0b86d3
			}
			.socialBar a:active.instagram,.socialBar a:focus.instagram,.socialBar a:hover.instagram {
				background-color:#682e8e
			}
			.socialBar a:active.youtube,.socialBar a:focus.youtube,.socialBar a:hover.youtube {
				background-color:#a21915
			}
			.socialBar a:active.mail,.socialBar a:active.print,.socialBar a:focus.mail,.socialBar a:focus.print,.socialBar a:hover.mail,.socialBar a:hover.print {
				background-color:#e0e0e0
			}
			.socialBar a:active.messenger,.socialBar a:focus.messenger,.socialBar a:hover.messenger {
				background-color:#006acc
			}
			.socialBar a:active.whatsapp,.socialBar a:focus.whatsapp,.socialBar a:hover.whatsapp {
				background-color:#1fbe5a
			}

	

	.hide-text {
		position: absolute;
		left: -9999px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}

	.prel { position: relative; }
	.pabs { position: absolute; }

	.bg-white-trans {
		background-color: rgba(255, 255, 255, 0.7) !important;
	}


	/* Custom Checkboxes and Radios https://bootsnipp.com/snippets/ZkMKE */
		.checkbox {
			padding-left: 20px; }
			.checkbox label {
			display: inline-block;
			position: relative;
			padding-left: 5px; }
			.checkbox label::before {
				content: "";
				display: inline-block;
				position: absolute;
				width: 17px;
				height: 17px;
				left: 0;
				margin-left: -20px;
				border: 1px solid #cccccc;
				border-radius: 3px;
				background-color: #fff;
				-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
				-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
				transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
			.checkbox label::after {
				display: inline-block;
				position: absolute;
				width: 16px;
				height: 16px;
				left: 0;
				top: 0;
				margin-left: -20px;
				padding-left: 3px;
				padding-top: 1px;
				font-size: 11px;
				color: #555555; }
			.checkbox input[type="checkbox"] {
				opacity: 0; 
			}
			.checkbox input[type="checkbox"]:focus + label::before {
				outline: thin dotted;
				outline: 5px auto -webkit-focus-ring-color;
				outline-offset: -2px; }
			.checkbox input[type="checkbox"]:checked + label::after {
				font-family: 'FontAwesome';
				content: "\f00c"; }
			.checkbox input[type="checkbox"]:disabled + label {
				opacity: 0.65; }
				.checkbox input[type="checkbox"]:disabled + label::before {
				background-color: #eeeeee;
				cursor: not-allowed; }
			.checkbox.checkbox-circle label::before {
			border-radius: 50%; }
			.checkbox.checkbox-inline {
			margin-top: 0; }

			.checkbox-primary input[type="checkbox"]:checked + label::before {
				background-color: #428bca;
				border-color: #428bca; }
			.checkbox-primary input[type="checkbox"]:checked + label::after {
				color: #fff; }

			.checkbox-danger input[type="checkbox"]:checked + label::before {
				background-color: #d9534f;
				border-color: #d9534f; }
			.checkbox-danger input[type="checkbox"]:checked + label::after {
				color: #fff; }

			.checkbox-info input[type="checkbox"]:checked + label::before {
				background-color: #5bc0de;
				border-color: #5bc0de; }
			.checkbox-info input[type="checkbox"]:checked + label::after {
				color: #fff; }

			.checkbox-warning input[type="checkbox"]:checked + label::before {
				background-color: #f0ad4e;
				border-color: #f0ad4e; }
			.checkbox-warning input[type="checkbox"]:checked + label::after {
				color: #fff; }

			.checkbox-success input[type="checkbox"]:checked + label::before {
				background-color: #5cb85c;
				border-color: #5cb85c; }
			.checkbox-success input[type="checkbox"]:checked + label::after {
				color: #fff; }

		.radio {
			padding-left: 20px; }
			.radio label {
			display: inline-block;
			position: relative;
			padding-left: 5px; }
			.radio label::before {
				content: "";
				display: inline-block;
				position: absolute;
				width: 17px;
				height: 17px;
				left: 0;
				margin-left: -20px;
				border: 1px solid #cccccc;
				border-radius: 50%;
				background-color: #fff;
				-webkit-transition: border 0.15s ease-in-out;
				-o-transition: border 0.15s ease-in-out;
				transition: border 0.15s ease-in-out; }
			.radio label::after {
				display: inline-block;
				position: absolute;
				content: " ";
				width: 11px;
				height: 11px;
				left: 3px;
				top: 3px;
				margin-left: -20px;
				border-radius: 50%;
				background-color: #555555;
				-webkit-transform: scale(0, 0);
				-ms-transform: scale(0, 0);
				-o-transform: scale(0, 0);
				transform: scale(0, 0);
				-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
				-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
				-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
				transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
			.radio input[type="radio"] {
			opacity: 0; }
			.radio input[type="radio"]:focus + label::before {
				outline: thin dotted;
				outline: 5px auto -webkit-focus-ring-color;
				outline-offset: -2px; }
			.radio input[type="radio"]:checked + label::after {
				-webkit-transform: scale(1, 1);
				-ms-transform: scale(1, 1);
				-o-transform: scale(1, 1);
				transform: scale(1, 1); }
			.radio input[type="radio"]:disabled + label {
				opacity: 0.65; }
				.radio input[type="radio"]:disabled + label::before {
				cursor: not-allowed; }
			.radio.radio-inline {
			margin-top: 0; }

			.radio-primary input[type="radio"] + label::after {
				background-color: #428bca; }
			.radio-primary input[type="radio"]:checked + label::before {
				border-color: #428bca; }
			.radio-primary input[type="radio"]:checked + label::after {
				background-color: #428bca; }

			.radio-danger input[type="radio"] + label::after {
				background-color: #d9534f; }
			.radio-danger input[type="radio"]:checked + label::before {
				border-color: #d9534f; }
			.radio-danger input[type="radio"]:checked + label::after {
				background-color: #d9534f; }

			.radio-info input[type="radio"] + label::after {
				background-color: #5bc0de; }
			.radio-info input[type="radio"]:checked + label::before {
				border-color: #5bc0de; }
			.radio-info input[type="radio"]:checked + label::after {
				background-color: #5bc0de; }

			.radio-warning input[type="radio"] + label::after {
				background-color: #f0ad4e; }
			.radio-warning input[type="radio"]:checked + label::before {
				border-color: #f0ad4e; }
			.radio-warning input[type="radio"]:checked + label::after {
				background-color: #f0ad4e; }

			.radio-success input[type="radio"] + label::after {
				background-color: #5cb85c; }
			.radio-success input[type="radio"]:checked + label::before {
				border-color: #5cb85c; }
			.radio-success input[type="radio"]:checked + label::after {
				background-color: #5cb85c; }



	/** Suche ******************************************************************************************************************************/
		#contentArea .searchStage {
			margin-bottom:50px;	
			padding: 20px;
		}

		#contentArea .searchStage .head > .headline {
			font-weight: 700;
		}
		#contentArea .searchStage .head .bootstrap-select {
			width: 100%;
		}
		#contentArea .searchStage .head .mainSearchOptions {
			margin-bottom: 12px;
		}
		#contentArea .searchStage .head .searchstage-filter-options a {
			cursor: pointer;
			display: inline-block;
			text-decoration-color: currentcolor;
			text-decoration-line: none;
			text-decoration-style: solid;
			padding-right: 20px;
			margin-bottom: 20px;
		}

		#contentArea .searchStage .head .searchstage-filter-options a span.icon {
			padding-left: 5px;
		}
	
		#contentArea .searchStage .searchstage-filter-options.wrapper,
		#contentArea .searchStage .result {
			margin: 0 -20px 0 -20px;
			background-color: #f7f7f7;
		}
		#contentArea .searchStage .searchstage-filter-options.wrapper{
			padding: 24px 20px 16px 20px;
		}

		#contentArea .searchStage .result {
			padding: 0 20px 30px 20px;			
		}

		.searchStage .result .themeTeaser,
		.searchStage .result .teaserItem{
			margin: 0 -20px 20px -20px;
		}


		/** XS Full (1-Spaltig) 100%  */
		@media (min-width:1px){}
		
		/** SM Center (2-Spaltig) 750px */
		@media (min-width:768px){
			#contentArea .searchStage .searchstage-filter-options.wrapper,
			#contentArea .searchStage .result {
				margin: 0 -73px 0 -73px;
				background-color: #f7f7f7;
			}
			#contentArea .searchStage .searchstage-filter-options.wrapper{
				padding: 24px 73px 16px 73px;
			}

			#contentArea .searchStage .result {
				padding: 0 73px 30px 73px;			
			}

			.searchStage .result .themeTeaser,
			.searchStage .result .teaserItem{
				margin: 0 0 20px 0;
			}
		}
		
		/** MD Center (2-Spaltig) 810px */
		@media (min-width:992px){}
		
		/** LG Center (3-Spaltig) 1088px */
		@media (min-width:1200px){}


	/** Newsticker *************************************************************************************************************************/

		#newsTickerArea .container a {
			text-decoration: none;
		}

		#newsTickerArea .container .content {
			padding:11px 5px;
			text-align: center;
			font-weight: 500;
			letter-spacing:3px;
			background:#d61113;
		}




	/** Formulare auf Content-Seiten *******************************************************************************************************/
		.formular.content-detail {
			margin: 0 0 40px 0;
		}

		.form-group .invalid-feedback {
			padding: 5px;
			font-size:12px;
		}
		.form-control.is-invalid {
			background-color: #f2dede;
			border-color: #ebccd1;
			/*color: #a94442;*/
		}


	/** Tabellen ***************************************************************************************************************************/
		.table-container {
			margin-bottom: 30px;
			padding: 0 20px;
			max-width: 100%;
			width: 100%;
		}
		.table-container .wrapper{
			width: 100%;
			overflow-y: hidden;
			overflow-x: auto; 
		}
		.table-container table.table-striped thead {
			border-top: 1px solid #e0e0e0;
			border-bottom: 2px solid #00a2ca;
		}
		.table-container .wrapper thead td{
			font-weight: bold;
		}



	/** SCROLL TO HOME *********************************************************************************************************************/
		#scroll_to_home_circle {
			display: none;
			bottom: 20px;
			width: 120px !important;
			height: 120px !important;
			position: fixed;
			left: 46%;
			margin-left: 0px;
			background-color: #fff;
			border-radius: 120px;
			z-index: 99999;
		}
		#scroll_to_home_circle span.text {
			position: absolute;
			top: 35px;
			text-align: center;
			font-size: 1.3em;
			line-height: 1em;
		}
		#scroll_to_home_circle span.icon > svg {
			position: absolute;
			top: 85px;
			left: 50px;
			width: 20px;
			height: 20px;
			-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
			fill: #1e3668;
		}
		.scroll_to_home_overlay {
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 5000;
		}


/** STRUKTUREN ALLGEMEIN *******************************************************************************************************************/

	/** Container  */


	.container {
		padding:0;
		margin: 0;
		background-color:#fff;
		border:1px solid #e0e0e0;
		border-top:none;
		border-bottom:none
	}
	.row {
		margin-left: 0;
		margin-right: 0;
	}
	/** Full 100%  */
	@media (min-width:1px){
		.container{
			margin: 0;
			padding: 20px 0 ;
		}
	}

	/** Center 750px */
	@media (min-width:768px){
		.container{
			margin: 0 auto;
			padding: 20px 20px 0 20px;
			/*padding: 20px 35px 0 35px;*/
		}
	}

	/** Left 810px */
	@media (min-width:992px){
		.container{
			margin: 0 auto;
			padding: 20px 73px 0 73px;
			/*padding: 20px 35px 0 35px;*/
		}
	}

	/** Left 1088px */
	@media (min-width:1200px){
		.container{
			margin: 0 auto;
			padding: 20px 73px 0 73px;
		}
	}



/** STRUKTUREN HEADER **********************************************************************************************************************/
	#headArea .container {
		position:relative;
		padding: 0;
		min-height: 138px;
		background-color: #fff;
		box-shadow: 0 3px 3px -3px #666;	
	}
	#headArea a {
		text-decoration:none;
	}

	
	#headArea #secNavHead{
		 display: none;
	 }

	/** LOGO */
		
		.a-logo {
			display: inline-block;
			width: 348px;
			height: 140px;
			margin-bottom: 20px;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}
		#headArea #logoHead { /**@todo:  Warten auf Kunden Feedback - Das Element bekommt akt. das Logo als BG-Grafik, somit wird die autom. Höhe ein Problem **/	
			text-align:center;
			max-width: 50%;
			margin: 0 auto;
		}
		#headArea #logoHead .claim {
			letter-spacing:.4px;
			margin-bottom:15px
		}

		#headArea #logoHead a{
			display: block;
			margin: 15px auto;
			text-decoration:none;
			max-width: 100%;
		}

	/** Main Navigation */
		nav.main_nav{
			background: #fff;
			position: absolute;
			top: 0;
		}

		nav.main_nav,
		nav.main_nav *{
			border-style: solid;
			border-color: #ccc;
			border-width: 0;
		}

		nav.main_nav .navigation_wrapper .scrollable > .title{
			display: block;
			width: 90%;
			padding: 10px 0 4px 0;
			margin: auto;
			
		}

		nav.main_nav li{
			list-style: none;
		}
		nav.main_nav li a{
			display: block;
			text-decoration: none;
		}

		nav.main_nav li .teaser_list,
		nav.main_nav>ul li .icon,
		nav.main_nav li.home .glyphicon{
			display: none;
		}
		nav.main_nav>ul li.home .text{
			display: inline-block;
		}

		nav.main_nav .navigation_wrapper .scrollable > .title,
		nav.main_nav li.home span,
		nav.main_nav ul.level_1 > li > a {
			font-weight: 500;
			letter-spacing: 0.9pt;
			line-height: 2.3em;
		}

		nav.main_nav .level_1 > li > a{
			display: inline-block;
			padding: 10px 0 4px 0;
			margin: 0 10px;
			border-bottom-color: #fff; 
			border-bottom-width: 4px;
			border-bottom-style: solid;
		}

		nav.main_nav .level_1 > li > a.trail,
		nav.main_nav .level_1 > li > a.active{
			border-bottom-color: #00a2ca; 
		}
		nav.main_nav .level_1 > li:hover > a:not(.active){
			border-bottom-color: #868686; 
		}

		nav.main_nav li.submenu ul.level_2 li {
			line-height: 1.5em;
		}


		nav.main_nav ul.level_2 li a {
			font-weight: 400;
		}

		nav.main_nav .level_2 li a.trail,
		nav.main_nav .level_2 li a:hover,
		nav.main_nav .level_2 li a.active{
			font-weight: 700;
		}
		nav.main_nav .level_2 li.teaser_list a:hover{
			font-weight: 400;
		}

		nav.main_nav li.submenu .level_2 > li.submenu > a::after {
			font-size: 12px;
			margin-top: 12px;
		}


		nav.main_nav input[type=checkbox]{
			display: none;
		}

		nav.main_nav li .glyphicon.opener{
			display: none;
		}

		@media (max-width:768px) {
			nav.main_nav input[type="checkbox"]:checked + .navigation_wrapper{
				position: fixed;
			}
		}
		@media (max-width:1200px) {
			#headArea #logoHead {

			}
			#headArea #logoHead a{
				width: 200px;
				height: calc(200px/2.4857);
				margin: 0 auto; 
			}
			#headArea .container{
				min-height: auto;
			}
			nav.main_nav .navigation_wrapper{
				padding-bottom: 20px;
			}
			nav.main_nav {}
			nav.main_nav ul li a{
				display: inline-block;
				padding: 0;
				line-height: unset;
			}
			nav.main_nav ul li .glyphicon.opener{
				padding: 0;
			}

	
			nav.main_nav li .glyphicon.opener{
				display: inline-block;
				position: absolute;
				top: 0;
				right: 0;
				padding: 0 0 0 5% !important;
				font-style: normal;
				font-size: 1em;
				color: #ccc;
				cursor: pointer;
			}



			
			nav.main_nav ul.level_1{
				padding: 0;
				width: 90%;
				height: auto;
				margin: auto;
			}
			nav.main_nav ul.level_1 > li{
				position: relative;
				border-top: 1px solid #ccc;
			}


			nav.main_nav ul.level_1 > li:last-child{
				border-bottom: 1px solid #ccc;
			}

			nav.main_nav ul.level_1 > li > a{
				width: 100%;
			}
			nav.main_nav ul.level_1 > li > span{
			}
			nav.main_nav ul.level_1 > li > a,
			nav.main_nav ul.level_1 > li > span{
				display: inline-block;
				line-height: 46px !important;
				padding: 0;
				margin: 0;
			}

			nav.main_nav .level_1 > li:last-child span.icon{
				display: none;
			}

			nav.main_nav li ul.level_2,
			nav.main_nav li ul.level_3{
				display: none;
				width: 100%;
				height: auto;
				padding: 0;
				margin: auto;
			}
			nav.main_nav .submenu.open > ul{
				display: block;
			}


			nav.main_nav ul.level_2 li{
				position: relative;
				border-top-width: 1px;
				padding-left: 20px;
			}


			nav.main_nav ul.level_2 > li > a,
			nav.main_nav ul.level_2 > li > span,
			nav.main_nav ul.level_3 > li > a,
			nav.main_nav ul.level_3 > li > span{
				padding: 0;
				line-height: 44px !important;
				display: block;
			}




			nav.main_nav .navigation_wrapper{
				position: absolute;
				background: #fff;
				width: calc(96vw - 60px);
				min-height: 100vh;
				transition: all 0.4s;
				z-index: 1000; /** Dank Plenigo muss so ein Wert gesetzt werden*/
			}
			nav.main_nav .navigation_wrapper .scrollable{
				height: 100vh;
				overflow-y: auto;
				padding-bottom: 20px;
			}

			
			#enp-metered-counter{z-index: 900 !important;}

			nav.main_nav input[type="checkbox"]:not(:checked) + .navigation_wrapper{
				left: calc(-96vw + 60px);
				background: transparent;
			}
			nav.main_nav input[type="checkbox"]:checked + .navigation_wrapper{
				left:0;
				box-shadow: 1px 0px 30px #222;
				background: #fff;
			}

			nav.main_nav input[type="checkbox"]:checked + .navigation_wrapper #optionPanel,
			nav.main_nav input[type="checkbox"]:checked + .navigation_wrapper .level_1{
				display: block;
			}
			nav.main_nav input[type="checkbox"]:not(:checked) + .navigation_wrapper #optionPanel,
			nav.main_nav input[type="checkbox"]:not(:checked) + .navigation_wrapper .level_1{
				display: none;
			}



			nav.main_nav .navigation_wrapper .glyphicon-menu-hamburger,
			nav.main_nav .navigation_wrapper .glyphicon-remove{
				display: none;
			}
			nav.main_nav input[type="checkbox"]:not(:checked) + .navigation_wrapper .glyphicon-menu-hamburger,
			nav.main_nav input[type="checkbox"]:checked + .navigation_wrapper .glyphicon-remove{
				display: inline-block;
			}
			

			nav.main_nav .navigation_wrapper label{
				cursor: pointer;
				position: absolute;
				right: -35px;
				top: 40px;
			}
			nav.main_nav .navigation_wrapper label span{
				font-size: 22px;
			}

			#headArea #optionPanel{
				position: static;
				width: 90%;
				margin: 20px auto 100px auto;
			}
			#headArea #optionPanel ul li{
				display: block;
				width: 100%;
				text-align: center;
				border-radius: 5px;
				background-color: #00a2ca;
			}
			#headArea #optionPanel ul li a {
				padding: 0.4em 0;
			}
			#headArea #optionPanel ul li .text{
				display: inline-block;
				margin-left: 0.5em;
			}
			#headArea #optionPanel ul li a:hover,
			#headArea #optionPanel li.login a{
				color: #fff;
			}

			#headArea #optionPanel ul li.search{
				display: none !important;
			}
		}

		/** XS Full (1-Spaltig) 100%  */
		@media (min-width:1px){
			nav.main_nav .navigation_wrapper{
				width: calc(90vw - 60px);
			}
			nav.main_nav input[type="checkbox"]:not(:checked) + .navigation_wrapper{
				left: calc(-90vw + 60px);
			}
		}
		
		/** SM Center (2-Spaltig) 750px */
		@media (min-width:768px){
			nav.main_nav .navigation_wrapper{
				width: calc(600px);
			}
			nav.main_nav input[type="checkbox"]:not(:checked) + .navigation_wrapper{
				left: calc(-600px);
			}
		}
		
		/** MD Center (2-Spaltig) 810px */
		@media (min-width:992px){
		}
		
		/** LG Center (3-Spaltig) 1088px */
		@media (min-width:1200px){
			#headArea #logoHead {
				margin: 22px auto 0 auto;
			}
			nav.main_nav .navigation_wrapper{
				position: static;
				width: calc(100%);
			}
			nav.main_nav input[type="checkbox"]:not(:checked) + .navigation_wrapper{
				left: calc(-100%);
			}

		}






		/** Option Panel */
		#headArea #optionPanel ul {
			padding:0;
			list-style:none
		}
		#headArea #optionPanel ul li {
			display:inline-block;
			margin-left:10px;
			float: right;
		}
		#headArea #optionPanel ul li:last-child {
			margin-right:0
		}
		#headArea #optionPanel ul li a {
			color:#333;
			text-decoration:none
		}
		#headArea #optionPanel ul li a:focus,#headArea #optionPanel ul li a:hover {
			color:#00a2ca
		}
		#headArea #optionPanel .icon {
			font-size:19px;
		}
		#headArea #optionPanel .dropDown {
			display:none;
			position:absolute;
			top:27px;
			right:-2px;
			z-index:2;
			min-height:150px;
			min-width:300px;
			padding:30px 20px;
			background-color:#fff;
			border-radius:4px;
			border-radius:0 0 4px 4px;
			box-shadow:0 6px 12px rgba(0,0,0,.175)
		}
		#headArea #searchMobil{
			position: absolute;
			top: 40px; /** @todo */
			right: 15px;
		}
		#headArea #searchMobil .dropDown{
			display:block;
			position:absolute;
			top:27px;
			right:-2px;
			z-index:1001;
			min-height:150px;
			min-width:300px;
			padding:30px 20px;
			background-color:#fff;
			border-radius:4px;
			border-radius:0 0 4px 4px;
			box-shadow:0 6px 12px rgba(0,0,0,.175)
		}
		#headArea #searchMobil .dropDown.hidden{
			display: none;
		}
		#headArea #searchMobil a.search{
			display: inline-block;
			cursor: pointer;
		}
		#headArea #searchMobil .icon{
			font-size:22px;
		}

	/** Newsticker */
		#newsTickerArea .container{
			letter-spacing:3px;
			background:#d61113;
			padding: 0;
		}
		#newsTickerArea .content{
			width: 100%;
		}

		/** Breadcrumb */
/*		#breadcrumbArea li.active,
		#breadcrumbArea li.active a {
			display: none;
		}*/
		#breadcrumbArea li {
			font-weight: 400;
		}

	/** Breadcrump */
		#breadcrumbArea .container{
			padding: 0 20px;
		}
		#breadcrumbArea .breadcrumb {
			margin-bottom:0;
			font-size:12px
		}
		#breadcrumbArea .breadcrumb li {
			position:relative
		}
		#breadcrumbArea .breadcrumb li.active {
			font-weight:700
		}
		#breadcrumbArea .breadcrumb li a {
			color:#999;
			text-decoration:none
		}
		#breadcrumbArea .breadcrumb li a:active,#breadcrumbArea .breadcrumb li a:focus,#breadcrumbArea .breadcrumb li a:hover {
			color:#222
		}
		#breadcrumbArea .breadcrumb li+li:before {
			position:relative;
			top:1px;
			content:'\e258';
			font-family:'Glyphicons Halflings';
			font-size:11px;
			font-weight:300;
			color:#e0e0e0
		}

/** Logo ***********************************************************************************************************************************/
		
		/** Full 100%  */
		@media (min-width:1px){}
		/** Center 750px */
		@media (min-width:768px){
			.a-logo {
				width: 348px;
				height: calc(348px / 2.4857); /* 140px */
			}
		}
		/** Left 810px */
		@media (min-width:992px){}
		/** Left 1088px */
		@media (min-width:1200px){}




/** STRUKTUREN CONTENT *********************************************************************************************************************/

	#breadcrumbArea.invert .container {
		background-color: #061722;
	}
	#breadcrumbArea.invert .breadcrumb li a {
		font-weight: 300;
	}


/** STRUKTUREN FOOTER *********************************************************************************************************************/

	#footArea .container {
		padding:30px 20px;
	}
	@media (min-width:768px){
		#footArea .container {
			padding:30px 73px;
		}
	}

	#footArea .linkSection ul li a {
		font-weight: 300;
	}
	#footArea .linkSection ul li a::after {
		padding-left: 8px;
		padding-right: 5px;
	}




	#footArea .bottom,
	#footArea .bottom ul li a{
		font-weight: 300;
	}

	#footArea .bottom {
	border-top:1px solid #e0e0e0;
	margin:35px 0 30px;
	padding-top:20px;
	font-size:10px
	}
	#footArea .bottom ul {
		padding:0;
		list-style:none
	}
	#footArea .bottom ul li {
		display:inline-block
	}
	#footArea .bottom ul li:last-child a:after {
		display:none
	}
	#footArea .bottom ul li a {
		color:#000;
		text-decoration:none
	}
	#footArea .bottom ul li a:focus,#footArea .bottom ul li a:hover {
		color:#00a2ca
	}
	#footArea .bottom ul li a:after {
		padding:0 5px;
		content:'▪'
	}

	#footArea .bottom .copyright{
		text-transform: uppercase;
	}
	#footArea .bottom .copyright::after {
		content: "/";
		padding-left: 2px;
	}
	#footArea .bottom .interred {
		display: inline-block;
	}
	#footArea .bottom .interred a {
		text-decoration: none;
		font-weight: 300;
	}


	#footArea #mainNavFoot {
		font-weight:500;
		padding:0;
		list-style:none;
		margin-bottom:25px
	}
	#footArea #mainNavFoot li {
		display: inline-block;
		padding-right: 13px;
		margin-right: 0px;
		line-height: 2.3em;
		letter-spacing: 0.9pt;
	}
	#footArea #mainNavFoot li:last-child {
		margin-right:0
	}
	#footArea #mainNavFoot li a {
		font-weight: 500;
		text-decoration:none
	}


/** MODULE *********************************************************************************************************************************/
	
	.irmodul{
		margin-bottom: 20px;
	}
	.irmodul .irmodul{
		margin-bottom: 0;
	}
	.irmodul:empty{
		display: none;
	}

	/** Modul-Überschriften *********************************************************************************************************/
		.hrHead {
			position:relative
		}

			.hrHeadline{
				display: block;
				/*padding: 0 0 10px 0;*/
				border-bottom-width: 1px;
				border-bottom-style: solid;
				/*margin: 0 20px 10px 20px;*/
				font-weight:700;
				text-transform:uppercase;
				letter-spacing: 0.05em;
			}	
			.hrHeadline a{
				font-weight:700;
				text-transform:uppercase;
				letter-spacing: 0.05em;
				text-decoration: none;
			}
		

		.hrHead .menu{
			position: absolute;
			bottom: 15px;
			right: 0;
			margin: 0 !important;
			padding: 0 !important;
			list-style: none !important;
			/*font-size:12px*/
		}
		.hrHead .menu li {
			display:inline-block
		}
		.hrHead .menu li a {
			display:inline-block;
			padding:0 10px;
			text-decoration: none;
		}
		.hrHead .menu li a,
		.hrHead .menu li a:active,
		.hrHead .menu li a:focus,
		.hrHead .menu li a:hover {
			color:#00a2ca
		}
		.mediaSlider .hrHead .menu li a{
			color: #fff;
		}
		.hrHead ul.menu li:after {
			content:'|'
		}
		.hrHead ul.menu li:last-Child:after {
			display:none
		}
		.hrHead ul.menu li:last-Child a {
			padding-right:0
		}



	/* MODUL ARTIKELLISTE */
	.irmodul.irelementmodulartikelliste {
		margin-bottom: 25px;
	}

	#contentArea.invert .contentSection.contentSection1,
	#contentArea.invert .container {
		background-color: #061722;
	}

	.irelementmodulmediathek .contentSection.contentSection2{
		padding-bottom: 0;
	}


	


	/** Übergroße Elemente - mal anständig */
	/** Container 100% padding inkl. 20px padding MITTIG - Späterer Default*/
	@media (min-width:1px){ 
		/*.rubricBar,*/
		/*#contentArea .shopSlider,*/
		.irmodul.irelementwidgetcontainer .rubricBar,
		.irmodul.irelementjetztimshop .shopSlider.jetzt_im_shop,
		.irmodul.irelementmodulmediathek .contentSection.contentSection2,
		.irmodul.irelementowlcarouselmediaslider .mediaSlider,
		.irmodul.irelementphphtml .contentSection.contentSection2,
		.irmodul.irelementmodulschaufenster .contentSection.contentSection1,
		.irmodul.irelementmodulschaufenster .contentSection.contentSection1,
		.irmodul.irelementmodulmediathek .contentSection.contentSection2{
			/*margin: 0 -20px 0 -20px !important;*/
			/*padding: 20px 20px 20px 20px !important;*/
			margin: 0;
			padding: 0;
		}

		.irmodul.irelementjetztimshop .shopSlider.jetzt_im_shop,
		.irelementmodulschaufenster .regionFilter {
			padding: 10px 20px;
		}

		.irmodul .hrHeadline{ /** Nur bei Mobil und Desktop mit margin */
			padding: 10px 0 10px 0;
			margin: 0 20px 10px 20px;
			line-height: 1em
		}
	}
	/** Container 750px padding inkl. 73px padding MITTIG*/
	@media (min-width:767px){ 

		.irmodul{
			margin-bottom: 20px;
		}

		.irmodul.irelementwidgetcontainer .rubricBar,
		.irmodul.irelementjetztimshop .shopSlider.jetzt_im_shop,
		.irmodul.irelementmodulmediathek .contentSection.contentSection2,
		.irmodul.irelementowlcarouselmediaslider .mediaSlider,
		.irmodul.irelementphphtml .contentSection.contentSection2,
		.irmodul.irelementmodulschaufenster .contentSection.contentSection1,
		.irmodul.irelementmodulschaufenster .contentSection.contentSection1,
		.irmodul.irelementmodulmediathek .contentSection.contentSection2{
			margin: 0 -73px 0 -73px !important;
			padding: 20px 73px 20px 73px !important;
		}

		.irmodul .hrHeadline{ /** Nur bei Mobil und Desktop mit margin */
			padding: 10px 0 15px 0;
			margin: 0 0 20px 0px;
		}
		.hrHeadline{ /** Nur bei Mobil und Desktop mit margin */
			padding: 0 0 10px 0;
			margin: 0 0 20px 0;
		}

		.irelementmodulschaufenster .regionFilter {
			padding: 0;
		}
	}	
	/** Container 810 padding inkl. 73px padding MITTIG */
	@media (min-width:992px){ 
		.irmodul.irelementwidgetcontainer .rubricBar,
		.irmodul.irelementjetztimshop .shopSlider.jetzt_im_shop,
		.irmodul.irelementmodulmediathek .contentSection.contentSection2,
		.irmodul.irelementowlcarouselmediaslider .mediaSlider,
		.irmodul.irelementphphtml .contentSection.contentSection2,
		.irmodul.irelementmodulschaufenster .contentSection.contentSection1,
		.irmodul.irelementmodulschaufenster .contentSection.contentSection1,
		.irmodul.irelementmodulmediathek .contentSection.contentSection2{
			margin: 0 -73px 0 -73px !important;
			padding: 20px 73px 20px 73px !important;
		}

		.irmodul.irelementwidgetcontainer .rubricBar{
			padding-top: 50px !important;
			padding-bottom: 50px !important;
		}

		.hrHeadline{ /** Nur bei Mobil und Desktop mit margin */
			padding: 0 0 10px 0;
			margin: 0 0 20px 0;
		}

	}
	/** Container 1088px padding inkl. 73px padding MITTIG */
	@media (min-width:1200px) {
		.irmodul.irelementwidgetcontainer .rubricBar,
		.irmodul.irelementjetztimshop .shopSlider.jetzt_im_shop,
		.irmodul.irelementmodulmediathek .contentSection.contentSection2,
		.irmodul.irelementowlcarouselmediaslider .mediaSlider,
		.irmodul.irelementphphtml .contentSection.contentSection2,
		.irmodul.irelementmodulschaufenster .contentSection.contentSection1,
		.irmodul.irelementmodulschaufenster .contentSection.contentSection1,
		.irmodul.irelementmodulmediathek .contentSection.contentSection2{
			margin: 0 -73px 0 -73px !important;
			padding: 20px 73px 20px 73px !important;
		}

		.irmodul.irelementwidgetcontainer .rubricBar{
			padding-top: 50px !important;
			padding-bottom: 50px !important;
		}

		.hrHeadline{ /** Nur bei Mobil und Desktop mit margin */
			padding: 0 0 10px 0;
			margin: 0 0 20px 0;
		}


	}


/** TEASER *********************************************************************************************************************************/

	.teaserItem {
		position:relative;
		margin-bottom: 20px;
		border-bottom: 1px solid #e0e0e0;
		background-color: #fff
		background-position-x: center;
		background-position-y: center;
		background-size: cover;
		height: auto;
		overflow: hidden;
	}
	.teaserItem.dossier{}

	.teaserItem a,
	.teaserItem a:active,
	.teaserItem a:focus,
	.teaserItem a:hover {
		text-decoration:none
	}
	.teaserItem > a {
		display:block;
		height:auto;
	}


	.irmodulteaserlay1{
		height: auto;
	}
	.irmodulteaserlay1.dossier{
		height:354px; /** wg. Overlay und Position: absolute*/
	}


	.irmodulteaserlay2{}
	.irmodulteaserlay2.dossier{}

	.irmodulteaserlay3{
		min-height: 300px;
		height: auto;
	}
	.irmodulteaserlay3.dossier{}

	.irmodulteaserlay4{}
	.irmodulteaserlay4.dossier{}

	/* TeaserItem4 (Bilder) */
	.teaserItem.irmodulteaserlay4:not(.dossier) .body {
		/*padding: 0;*/
	}
	.teaserItem.irmodulteaserlay4.teaserItem4Inline .body {
		width: 100%;
	}
	.teaserItem.irmodulteaserlay4.teaserItem4Inline .body .body-btn {
		bottom: 0;
		right: 0;
		margin-bottom: 30px;
		margin-right: 30px;
		position: absolute;
	}
	.teaserItem.irmodulteaserlay4.teaserItem4Inline {
		height: 530px;
	}
	.teaserItem.irmodulteaserlay4.teaserItem4Inline .headline {
		line-height: 22px;
		float: left;
		width:75%;
	}

	.irmodulteaserlay5{
		min-height: 300px;
		height: auto;
	}
	.irmodulteaserlay5.dossier{}



	/** @todo code positionierung prüfung */
	.mediaSlider {
		background-color:#041119;
	}
	.mediaSlider .owl-carousel .owl-controls {
		display:block;
		position:absolute;
		top:50%;
		left:0;
		transform: translateY(-50%);
		width:100%;
		opacity:.5;
	}
	.mediaSlider .owl-carousel .owl-controls .owl-nav .owl-next,
	.mediaSlider .owl-carousel .owl-controls .owl-nav .owl-prev {
		position:absolute;
		top:-20px;
		height:40px
		border-radius:0;
	}
	.mediaSlider .owl-carousel .owl-controls .owl-nav .owl-next .glyphicon,
	.mediaSlider .owl-carousel .owl-controls .owl-nav .owl-prev .glyphicon {
		top:7px
	}
	.mediaSlider .owl-carousel .owl-controls .owl-nav .owl-next:hover,
	.mediaSlider .owl-carousel .owl-controls .owl-nav .owl-prev:hover {
		color:#00a2ca
	}
	.mediaSlider .owl-carousel .owl-controls .owl-nav .owl-prev {
		left:5px
	}
	.mediaSlider .owl-carousel .owl-controls .owl-nav .owl-next {
		right:5px
	}
	.mediaSlider .owl-carousel:hover .owl-controls {
		opacity:1
	}
	.contentSection2+.mediaSlider {
		margin-top:-30px
	}
	.mediaDetail+.mediaSlider,
	.mediaOverview+.mediaSlider {
		margin-bottom:0
	}
	@media (min-width:1px){
		.irmodul .mediaSlider{
			margin: 0 0;
			padding: 20px 0;
		}
	}
	@media (min-width:768px){
		.irmodul .mediaSlider{
			margin: 0 -20px;
			padding: 20px 20px;
		}
	}
	@media (min-width:992px){
		.irmodul .mediaSlider{
			margin: 0 -73px;
			padding: 20px 73px;
		}
	}
	@media (min-width:1200px){
	}



	/** @todo später zu article detail */
	/** XS Full (1-Spaltig) 100%  */
	@media (min-width:1px){
		.mediaDetail .oversize{
			margin: 0 !important;
			padding: 0 !important;
		}
		.mediaDetail .oversize.brightcove{
			position: relative; 
			display: block; 
			margin-bottom:20px; 
			/*max-width: 100%;*/
		}
		.mediaDetail .mediaSlider{
			margin: 0;
			padding: 20px; /** Default */
		}
		.mediaDetail .mediaSlider .owl-carousel{
			padding: 10px 20px;
		}
		.mediaDetail .mediaSlider .hrHeadline{ /** Nur bei Mobil und Desktop mit margin */
			padding: 10px 0 10px 0;
			margin: 0;
		}
	}
	
	/** SM Center (2-Spaltig) 750px */
	@media (min-width:768px){
		.mediaDetail .oversize{
			margin: 0 -73px !important;
		}
		.mediaDetail .mediaSlider{
			    margin: 0 -73px 20px -73px !important;
    			padding: 0 73px 0 73px !important;
		}
	}
	
	/** MD Center (2-Spaltig) 810px */
	@media (min-width:992px){
		.mediaDetail .oversize{
			margin: 0 -73px !important;
		}

		.mediaDetail .mediaSlider{
			padding: 20px 73px 20px 73px !important;
			margin: 0 -153px !important;
		}
	}
	
	/** LG Center (3-Spaltig) 1088px */
	@media (min-width:1200px){
	}

	/** Hintergrundfarben */
		.teaserItem, 
		.teaserItem.teaserMedia,
		.irelementmodulschaufenster .teaserItem{
			background-color: #fff;
		}
		.teaserItem.teaserTypeStrong,
		.teaserItem.teaserTypeStrong:not(.dossier) .body{
			background-color:#061722
		}

		.teaserItem.teaserTypeStrong.teaserTypeBlank .body,
		.teaserItem.teaserTypeBlank {
			background-color:#e5f6fa;
		}
		.teaserItem.teaserTypeAdvertorial.teaserTypeBlank,
		.teaserItem.teaserTypeAdvertorial {
			background-color:#fbe7e7;
			border:none
		}
		.mediaSlider .teaserItem,
		.teaserItem.dossier{
			background-color: transparent !important;
		}

	/** Oberlays */
		.teaserItem .overlay,
		.themeTeaser .overlay{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background-image:linear-gradient(to top,rgba(0,0,0,.5) 15%,rgba(0,0,0,0)); /** 14994  */
			z-index:1;
		}

		.teaserItem.dossier .overlay,
		#contentArea .teaserItem.teaserItem9 .overlay { /** Evtl. obsolet, da Änderung geringfügig, besser alle zusammenfassen*/
			background-image: none;
			background-color:rgba(0,0,0,.5)
		}
		.teaserItem.teaserTypeBlank .overlay{
			display: none;
		}



	/** Img-Container */
		.teaserItem .img {
			position:relative;
			height: auto;
		}
		.teaserItem .img.empty{
			height: auto;
		}

	/** Body */
		.teaserItem .body {
			padding: 0 20px;
		}
		.themeTeaser .body,
		.teaserItem.dossier .body{
			position: absolute;
			bottom: 0;
			z-index: 2;
			width: 100%;
			max-width: calc(100vw - 100px);
			padding: 50px 20px;
		}
		.teaserItem.teaserTypeBlank .body{
			height: 100%;
		}

		.teaserItem	.body p{
			display: none;
		}


	/* VERWANDTE ARTIKEL (Artikel-Detail) */
	#contentArea .associatedArticle .teaserItem {
		margin-bottom:0px;
		margin-top: -1px;
		border-bottom: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
	}


	/** 13  */
	.teaserItem.teaserItem13 {
		margin:0;
		border:none;
		background:0 0
	}
	.teaserItem.teaserItem13 .media-right {
		padding:0
	}
	.teaserItem.teaserItem13 .body {
		padding:15px 15px 0 0
	}
	.teaserItem.teaserItem13 .body p {
		margin-bottom:0
	}

	/** 14  (Inline - Verwandte Artikel) */
		.teaserItem.teaserItem14{
			padding: 16px 0;
			border-top: none;
			border-bottom: 1px solid #e0e0e0;
			margin-bottom: 0px;
		}
		.teaserItem.teaserItem14{
			border-top: 1px solid #e0e0e0;
		}
		.teaserItem.teaserItem14 .img img{
			margin: 0;
		}
		.teaserItem.teaserItem14 .body{
			padding: 0 15px;
		}
		.teaserItem.teaserItem14 .multiline{
			/*margin: 0;*/
		}
		

	/** 15 ( Media-Slider ) */
		.teaserItem.teaserItem15 {
			border:none;
			margin:0
		}

		.teaserItem.teaserItem15 .body {
			position: absolute;
			bottom: 0;
			z-index: 3;
			padding:0 15px 0 55px;
		}
		.teaserItem.teaserItem15 .body .headline {
			font-weight:500;
		}

		.teaserItem.teaserItem15 .body{
			width: 100%;
			padding: 20px; /*40px 10px 20px;*/
		}


		.teaserItem.teaserItem15 .body .richMediaButton{
			position: static;
			display: block;
			margin: 0 0 4px 0;
			top: unset;
			left: unset;
			transform: unset;
		}
	
	/** 16 Beliebte Inhalte */
		.teaserItem.teaserItem16 .body {
			position:relative;
			height: 125px;
			padding: 20px 0 0 50px;
			overflow: hidden;
		}

		.teaserItem.teaserItem16 .body .pos {
			position:absolute;
			top:0;
			left:0;
			width:30px;
			height:115px;
			text-align:center;
			color:#999;
			font-weight:300;
			background-color:#f7f7f7
		}
		.teaserItem.teaserItem16 .body .pos span {
			position:absolute;
			bottom:8px;
			left:0;
			display:inline-block;
			width:100%
		}
		.teaserItem.teaserItem16:not(:first-child) .richMediaButton{
			display: none;
		}

		.irmodul.irelementbeliebteinhalte .groupHeadline{
			display: none;
		}
		
		.teaserItem.teaserItem16 .multiline{
			margin: 0;
		}

		.teaserItem.teaserItem16 .multiline .headline{
			font-weight: bold;		
		}
		
		.teaserItem.teaserItem16 .body .pos{
			height: 100%;
		}

		
	/** 17. Beliebte Artikel */
		.teaserItem.teaserItem17 {
			border:none;
			margin-bottom:4px
		}
		.teaserItem.teaserItem17 a{
			display: table;
		}
		.teaserItem.teaserItem17 a span{
			display: table-cell;
		}
		.teaserItem.teaserItem17 a span.time {	
			min-width:7em;
			color:#00a2ca;
			font-weight: 400;
		}
		.teaserItem.teaserItem17 a span.text {
			font-weight: 700;
		}	



	#contentArea .mediaDetailTeaser{
		margin: 20px 0;
	}

	.teaserItem .footer,
	.inline_multimedia .footer {
		padding: 15px 20px; /** @todo Für Mobil wichtig*/
	}



	/** Container 100% padding inkl. 20px padding MITTIG - Späterer Default*/
	@media (min-width:1px){
	}

	/** Container 750px padding inkl. 20px padding MITTIG*/
	@media (min-width:767px){
		.teaserGrid{
			margin-bottom: 0px; /** Da in der Mobil-Version Module und Teaser eien unteren Abstand mehr haben*/
		}
	}

	/** Container 810 padding inkl. 20px padding RECHTBÜNDIG */
	@media (min-width:992px){
		.teaserItem .img{
			overflow: hidden;
			/*height: 169px;*/
		}
		.teaserItem .img img{
			width: 100%;
			height: auto;
		}

		.teaserItem.dossier .body{
			max-height: 100%;
			padding: 0 35px 40px 35px !important;
			overflow-y: auto;
		}

		.irmodulteaserlay1 .img{
			height: auto;
		}

		.irmodulteaserlay2{}
		.irmodulteaserlay2.dossier{}

		.irmodulteaserlay3{
			height:620px
		}
		.irmodulteaserlay3.dossier{}
		.irmodulteaserlay3 .img{
			height: auto;
		}
		
		.irmodulteaserlay4{
			height: 620px;
		}
		.irmodulteaserlay4.dossier{
			height: 620px;
		}
		.irmodulteaserlay4 .img{
			height: auto;
		}
		
		.irmodulteaserlay5{
			height:300px;
		}
		.irmodulteaserlay5 .img{
			height: 169px;
		}
		.irmodulteaserlay5 .img img{
			width: 100%;
			height: auto;
		}
		.irmodulteaserlay5.dossier{}

		.mediathek .irmodulteaserlay5 {
			min-height: unset; 
			height: 300px;
		}
		/* Mediathek den Image Container wieder zurück setzen */
		.mediathek .irmodulteaserlay5  .img {
			height: auto !important;
			overflow: inherit;
		}


		/** Lay 6*/
		.irmodulteaserlay6{
		}
		.irmodulteaserlay6 .img{
		}
		.irmodulteaserlay6 .img img{
		}
		.irmodulteaserlay6.dossier{}


		/** Sonderfälle */
		
		.teaserGrid6 .irmodulteaserlay5{
		}
		.teaserGrid6 .irmodulteaserlay5 .img{
			height: 120px;
		}

		.teaserItem.teaserItem16{
			height: 125px;
		}
		.teaserItem.teaserItem16.teaserType16-1{
			height: 300px;
		}
		.teaserItem.teaserItem16 .img, /** Beliebte Artikel */
		.teaserItem.teaserItem16 .img.empty{
			height: 169px; 
		}
	}

	/** Container 1088px padding inkl. 73px padding MITTIG */
	@media (min-width:1200px) {
		.teaserItem {
			margin-bottom:20px;
		}
		.teaserItem.teaserTypeBlank {
			border:none;
		}
		.teaserItem	.body p{
			display: block;
		}
	}


/** Werbung *******************************************************************************************************************************/
	.swp-adbox.teaserItem {
		overflow: visible;
	}


	.swp-adbox.billboard{
		height: auto;
	}
	.swp-adbox-container.center{
		clear: both;
		padding: 0 0 20px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
		text-align: center;
	}
	.swp-adbox.rectangle_center{
		display: inline-block;
		margin: 20px 0 0 0;
	}

	/** Full 100%  */
	@media (min-width:1px){
		.swp-adbox.inline_werbung_rectangle{
			float: none;
			height: auto;
			padding: 20px 0 0 0;
			margin: auto;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			text-align: center;
		}
	}
	/** Center 750px */
	@media (min-width:768px){
		.swp-adbox.rectangle_center{
			display: inline-block;
			margin: 20px 10px 0 10px;
		}
	}
	/** Left 810px */
	@media (min-width:992px){}
	/** Left 1088px */
	@media (min-width:1200px){
		.swp-adbox.inline_werbung_rectangle{
			float: right;
			height:300px;
			padding: 0;
			margin: 0 0 20px 20px;
			border: none;
		}
		.swp-adbox-container.center{
			border: none;
		}
	}




/** INLINE-ELEMENTE Multimedia / Video *****************************************************************************************************/
	.row.inline-element{
		clear: both;
	}
	.row.inline_multimedia.invert .footer{
		background-color: #061722;
	}

	.row.inline_multimedia .footer .subHeadline {
		font-weight: 400;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.inline_multimedia > .body,
	.inline_multimedia > .wrapper { /***** @deprecated .wrapper fliegt nach und nach raus */
		position:relative;
		padding-bottom:56.25%;
		height:0;
		overflow:hidden;
	}
	.inline_multimedia.kino .body{ /** @todo evtl. auch für andere inlineelemente auf 0 setzen*/
		padding-top:0;
		padding-bottom:53.8%;
	}

	.inline_multimedia.invert > .body{
		background: #000;
	}
	.inline_multimedia > .wrapper iframe, 
	.inline_multimedia > .body iframe, 
	.inline_multimedia > .wrapper object, 
	.inline_multimedia > .body object, 
	.inline_multimedia > .wrapper video, 
	.inline_multimedia > .body video, 
	.inline_multimedia > .wrapper .img, 
	.inline_multimedia > .body .img, 
	.inline_multimedia > .wrapper embed,
	.inline_multimedia > .body embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.inline_multimedia.brightcove body{
		width: 100%;
	}

	.inline_multimedia .footer .btn.more{
		margin-bottom: 10px;
	}


	/** Plista */
	.plistaWidget{
		margin: 0;
		padding: 20px;
		background-color:#f7f7f7;
	}
	@media (min-width:768px){
		.plistaWidget {
			margin:0 -73px;
			padding:30px 73px;
		}
	}
	@media (min-width:1200px){
		.articleDetail .plistaWidget {
			margin:0 -153px;
			padding:30px 73px;
		}
	}

	/** Beliebte Inhalte */
	.popularContent {
		margin-bottom:30px;
	}
	.popularContent .groupHeadline {
		margin-top:30px
	}
	.popularContent>.headline {
		display: block;
		text-align:center;
		font-size:34px;
		font-weight:400;
		/*margin-bottom:34px*/
	}
	.popularContent .groupHeadline {
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:14px;
		font-weight:500;
		margin-bottom:15px
	}
	.popularContent .teaserItem {
		margin-bottom:0
	}
	.popularContent .teaserItem .multiline{
		padding-right: 20px;
	}
	

	/** Full 100%  */
	@media (min-width:1px){
		.articleDetail .popularContent{
			margin: 0;
			padding: 0;
		}
	}
	/** Center 750px */
	@media (min-width:768px){}
	/** Left 810px */
	@media (min-width:992px){
		.articleDetail .popularContent{
			margin: 0 -73px 30px -73px;
		}
	}
	/** Left 1088px */
	@media (min-width:1200px){}


	/** Social Media Bar */
	.mediaDetail .socialBar,
	.articleDetail .socialBar{
		padding: 20px;
	} 
	.mediaDetail .socialBar a,
	.articleDetail .socialBar a{
		padding: 8px 10px;
	}

	@media (min-width:1200px){
		.mediaDetail .socialBar,
		.articleDetail .socialBar{
			padding: 0
		}
	}





/** ARTIKEL-DETAIL SONDERFÄLLE *************************************************************************************************************/
	.retresco_entities_container {
		border-top: 1px solid #e0e0e0;
		padding: 0 20px;
		margin: 20px 0;
		position: relative;
	}
	@media (min-width:768px){
		.retresco_entities_container {
			padding: 0;
		}
	}

	.retresco_entities_container .head {
		margin: 20px 0 15px 0;
		text-align: left;
	}
	.retresco_entities_container .head .headline {
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 1.5px;
		text-transform: uppercase;
	}
	.retresco_entity {
		background-color: #f7f7f7;
		border-radius: 5px;
		margin-right: 3px;
		padding: 5px 10px;
	}
	.retresco_entities_container .body a {
		display: inline-block;
		margin: 0 10px 10px 0;
		color: #00a2ca;
		font-size: 16px;
		font-weight: 500;
		text-decoration: none;
	}
	.retresco_entities_container .body a:hover {
		color: #1ea1f3;
	}



/** ÜBERSCHRIFTEN ***************************************************************************************************************************/

	#contentArea .container .articleDetail > h1,
	#contentArea .container .articleDetail > div.metaBar,
	#contentArea .container .articleDetail > .body,
	#contentArea .articleDetail .image figcaption, 
	#contentArea .mediaDetail .image figcaption{
		padding: 0 20px;
	}


	#contentArea .multiline .headline,
	#contentArea .multiline .subHeadline{
		box-sizing: border-box;
		display: block;
		text-align: left;
		line-height: 1.2em;
	}
	#contentArea .multiline .subHeadline{
		display: block;
	}

	#contentArea .container .mediaDetail .multiline .headline,
	#contentArea .container .mediaDetail .multiline .subHeadline,
	#contentArea .container .articleDetail .multiline .headline,
	#contentArea .container .articleDetail .multiline .subHeadline{
		text-align: center;
	}

	#contentArea .container.sonderseiten .multiline .headline,
	#contentArea .container .inline-element .multiline .headline,
	#contentArea .container .inline-element .multiline .subHeadline,
	#contentArea .container .teaserItem .multiline .headline,
	#contentArea .container .teaserItem .multiline .subHeadline{
		text-align: left;
	}

	#contentArea .container .multiline .subHeadline{
		margin-bottom: 10.5px;
		font-weight: 400;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

	#contentArea .container .multiline .headline{
		margin-bottom: 30px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		font-weight: 700;
	}
	#contentArea .container .inline_element .multiline .headline,
	#contentArea .container .teaserItem .multiline .headline{
		margin-bottom: 0;
	}






/** KINO ***********************************************************************************************************************************/
	.row.inline_multimedia.invert.kino .wrapper {
		padding-top: 0px;
		background-color: #061722;
	}

	/* Inline Kino-Dossier
	------------------------------*/
	.kino-dossier .kino-dossier-row {
		background-color: #e4e4e4;
		padding: 25px 0;
		text-align: center;
	}
	.kino-dossier .body > span:first-child {
		font-weight: 500;
	}
	.kino-dossier .kino-dossier-row .body span.service {
		font-weight: 400;
	}
	.kino-dossier .kino-dossier-row .body span.phone {
		font-weight: 300;
		padding-left: 4px;
	}
	.kino-dossier .body > span {
		display: block;
	}
	.kino-dossier-row .img {
		display: inline-block;
		padding: 20px 0;
	}
	.kino-dossier .row.head {
		position: relative;
		height: 272px;
		background-color:#333;
		background-position-x: center;
		background-size: cover;
		background-image:url('/img/kinodossier/background.png');
	}
	.kino-dossier .row.head .body {
		padding-bottom: 5px;
		padding-left: 50px;
		padding-right: 0px;
		padding-bottom: 40px;
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.kino-dossier .row.head .headline {
		
		letter-spacing: 1px;
		font-weight: 700;

		margin:0;
		float: left;
	}
	.kino-dossier .row.head .subHeadline {
		font-weight: 400;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		margin: 0;
	}
	.kino-dossier .row.head .body a {
		padding: 10px 18px;
		margin: 0px;
	}

/** Lead generating ************************************************************************************************************************/

	#contentArea .leadGeneration {
		position:relative;
		height: 100%;
		background-color:#f7f7f7;
		margin:0 0 10px 0;
		padding: 20px;
		text-align: left;
		background-repeat:no-repeat;
		background-position:center 26px
		background-image: none;
		text-align:center;
	}
	

	#contentArea .leadGeneration .btn-help {
		position:absolute;
		top:10px;
		right:10px;
	}

	#contentArea .irelementwidgetcontainer .leadGeneration .logo{
		float: left;
		box-sizing: content-box;
		width: 90px;
		height: 90px;
		margin: 0 0 40 0;
		background-position: bottom;
		background-repeat: no-repeat;
	}
	#contentArea .leadGeneration.leadGenerationMessenger .logo{
		background-image: url(../img/iconMessenger.png);
	}
	#contentArea .leadGeneration.leadGenerationWhatsApp .logo {
		background-image: url(../img/iconWhatsApp.png);
	}
	#contentArea .leadGeneration.leadGenerationNewsletter .logo {
		background-image: url(../img/iconNewsletter.png);
	}

	#contentArea .leadGeneration .body{
		padding-left: 110px;
		padding-top: 0px;
		text-align: left;
		font-size:12px;
	}

	#contentArea .leadGeneration .body .headline {
		font-size:15px;
		font-weight:400;
		display: block;
	}
	#contentArea .leadGeneration .body .btn {
		margin-top:8px;
	}

	#contentArea .container .leadGeneration a{
		text-decoration: none;
	}

	/** @todo nach entwicklung nach unten ziehen */
	@media (min-width:768px) {

		#contentArea .irelementwidgetcontainer .leadGeneration .logo{
			float: none;
			margin: 10px auto 25px;
		}
		#contentArea .leadGeneration .body .headline {
			font-size: 20px;
		}
		#contentArea .leadGeneration .body {
			text-align: center;
			padding: 0;
			font-size: 14px;
		}
	}

/** Downloads ******************************************************************************************************************************/
	.info.downloads .download-entry {
		border-bottom: 1px solid #e0e0e0;
		position: relative;
		padding-bottom: 2px;
		margin-bottom: 6px;
		width: 100%;
	}
	.info.downloads .download-entry a.download-link {
		font-weight: 500;
		text-decoration: none;
	}

	.info.downloads .download-entry a.download-link i.download-type {
		background-color: #d61113;
		border-bottom-left-radius: 50%;
		border-bottom-right-radius: 50%;
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
		display: inline-block;
		font-size: 11px;
		height: 26px;
		margin-right: 4px;
		padding-top: 7px;
		padding-left: 2px;
		text-align: center;
		width: 26px;
	}
	.info.downloads .download-entry a.download-link i.download-icon {
		float:right;
		padding-top: 6px;
	}

	span.download-filesize {
		font-size:12px;
		font-weight: 300;
		padding-left: 4px;
	}

/** 404 ************************************************************************************************************************************/
	#contentArea .page404 {
		margin-bottom: 0;
		margin-left: -73px;
		margin-right: -73px;
		margin-top: -20px;
		position: relative;
	}

	#contentArea .page404 .body {
		background-color: #fff;
		bottom: 0;
		height: 385px;
		left: 0;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: auto;
		padding-bottom: 60px;
		padding-left: 80px;
		padding-right: 80px;
		padding-top: 60px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 500px;
	}
	#contentArea .page404 .body {
		text-align: center;
	}

	#contentArea .page404 .body .subHeadline {
		font-weight: 400;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

	#contentArea .page404 .body .headline {
		font-weight: 700;
	}

	#contentArea .page404 .body .btn {
		margin-top: 15px;
		padding-bottom: 8px;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 8px;
	}

	#contentArea .page404 .body .btn .icon {
		margin-right: 8px;
	}

	/** rubricBar */


	.rubricBar .hrHeadline{
		margin-bottom: 0;
	}

	/*.rubricBar > .headline {
		font-weight: 700;
		margin: 10px 0 10px 0;
		text-transform: uppercase;
	}*/
	.rubricBar .nav {
		background-color: #fff;
		/*border-top: 1px solid #000;*/
	}
	.rubricBar .nav li {
		font-size: 14px;
		padding: 0 20px 2px 20px;
		position: relative;
	}
	.rubricBar .nav li::after {
		border-right: 1px solid #e0e0e0;
		content: "";
		height: 15px;
		margin-top: -7px;
		position: absolute;
		right: 0;
		top: 50%;
	}
	.rubricBar .nav li:last-child::after {
		display: none;
	}
	.rubricBar .nav li a {
		/** @todo kürzen! */
		-moz-border-bottom-colors: none !important;
		-moz-border-left-colors: none !important;
		-moz-border-right-colors: none !important;
		-moz-border-top-colors: none !important;
		background-attachment: scroll !important;
		background-clip: border-box !important;
		background-color: rgba(0, 0, 0, 0) !important;
		background-image: none !important;
		background-origin: padding-box !important;
		background-position-x: 0 !important;
		background-position-y: 0 !important;
		background-repeat: repeat !important;
		background-size: auto auto !important;

		border-bottom-color: transparent !important;
		border-bottom-style: solid !important;
		border-bottom-width: 3px !important;
		
		border-image-outset: 0 0 0 0 !important;
		border-image-repeat: stretch stretch !important;
		border-image-slice: 100% 100% 100% 100% !important;
		border-image-source: none !important;
		border-image-width: 1 1 1 1 !important;
		border-left-color: currentcolor !important;
		border-left-style: none !important;
		border-left-width: medium !important;
		border-right-color: currentcolor !important;
		border-right-style: none !important;
		border-right-width: medium !important;
		border-top-color: currentcolor !important;
		border-top-style: none !important;
		border-top-width: medium !important;
		padding: 14px 0 12px 0;
		text-decoration-color: currentcolor;
		text-decoration-line: none;
		text-decoration-style: solid;
	}
	.rubricBar .nav li a:hover, .rubricBar .nav li.active a {
		border-bottom-color: #00a2ca !important;
		border-left-color: #00a2ca !important;
		border-right-color: #00a2ca !important;
		border-top-color: #00a2ca !important;
	}
	.rubricBar .tab-content {
		margin-top: 20px;
	}
	.rubricBar .tab-content .owl-carousel {
		margin-bottom: 30px;
	}
	.rubricBar .tab-content .owl-carousel .owl-controls {
		/*top: 25px;*/
	}
	.rubricBar .tab-content .owl-carousel .sliderItem {
		background-color: #fff;
		border-bottom-color: #e0e0e0;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		/*height: 332px;*/
		height: 380px;
		position: relative;
	}
	.rubricBar .tab-content .owl-carousel .sliderItem a, 
	.rubricBar .tab-content .owl-carousel .sliderItem a:active, .rubricBar .tab-content .owl-carousel .sliderItem a:focus, .rubricBar .tab-content .owl-carousel .sliderItem a:hover {
		text-decoration-color: currentcolor;
		text-decoration-line: none;
		text-decoration-style: solid;
	}
	.rubricBar .tab-content .owl-carousel .sliderItem > a {
		display: block;
		height: 100%;
	}
	.rubricBar .tab-content .owl-carousel .sliderItem .img {
		background-color: #f7f7f7;
		height: 165px;
		overflow-x: hidden;
		overflow-y: hidden;
		position: relative;
	}
	.rubricBar .tab-content .owl-carousel .sliderItem .img img {
		bottom: 0;
		position: absolute;
	}
	.rubricBar .tab-content .owl-carousel .sliderItem .img + .body {
		margin-top: 20px;
		padding-top: 0;
	}
	.rubricBar .tab-content .owl-carousel .sliderItem .body {
		padding-bottom: 5px;
		padding-left: 20px;
		padding-right: 15px;
		padding-top: 100px;
	}
	.rubricBar .tab-content .owl-carousel .sliderItem .body .subHeadline {
		font-weight: 400;
		letter-spacing: 1px;
		margin-bottom: 7px;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		text-transform: uppercase;
	}
	.rubricBar .tab-content .owl-carousel .sliderItem .body .headline {
		font-weight: 700;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		overflow: hidden;
	}
	.rubricBar .tab-content .owl-carousel .sliderItem .body .subHeadline + .headline {
		margin-top: -6px;
	}

/** Content Slider *************************************************************************************************************************/
	.contentSlider.contentSliderNoPadding .head {
		padding-left: 30px;
		padding-right: 30px;
	}

	.contentSlider.contentSliderNoPadding .head .moreLink {
		right: 30px;
	}

	.contentSlider.contentSliderNoPadding {
		padding-left: 0;
		padding-right: 0;
	}

	/** Image Slider / Carousel */
	.imageSlider .carousel-inner .item img{ /* @todo ggf. Position dieses CSS-Blocks nochmals verbessern */
		margin: auto;
	}


	.shopSlider {
		padding-bottom: 40px;
	}
	.shopSlider .owl-carousel .owl-controls{
		top: 15px;
	}
	.shopSlider .owl-controls{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.index-headline {
		font-weight: 700;
		margin-bottom: 0.67em;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 0.67em;
	}

/** Schaufenster */
	.irelementmodulschaufenster .regionFilter {
		margin-bottom:15px;
		text-align:left;
	}
	.irelementmodulschaufenster .regionFilter label {
		display:block
		font-weight:400;
		margin:0 10px 10px 0
	}
	.irelementmodulschaufenster .regionFilter input {
		position:relative;
		top:2px;
		display:inline-block;
		width:220px;
		margin:0 10px 10px 0
	}
	.irelementmodulschaufenster .regionFilter .orLabel {
		display:inline-block;
		margin:0 10px 10px 0
	}
	.irelementmodulschaufenster .regionFilter .btn-group {
		display:inline-block;
		/*padding: 15px;*/
		width:100%;
	}

	.irelementmodulschaufenster .regionFilter .bootstrap-select {
		display:inline-block;
		width:100%;
		margin-bottom:45px;
		padding-bottom: 5px;
	}

/** rubricBar */
	.rubricBar {
		background-color: #f7f7f7;
	}

/** SONDERSEITEN ***************************************************************************************************************************/

	/*******************************************************************************************************************************************
	 * Sonderseiten Impressum
	 */
	.nav.nav-pills.impressum{
		margin-top: 30px;
		padding-left: 3px;
	}
	.impressum.nav{
		background-color: #e5e5e5;
	}

	.list-group.impressum {
		background-color: #fcfcfc;
	}
	.list-group.impressum li{
		background-color:transparent;
		border-color:transparent;
		border-bottom-color: #e5e5e5;
	}
	/*******************************************************************************************************************************************
	 * Sonderseiten 
	 */	
	.list-group.mediadaten{
		background-color: #f7f7f7;
	}
	.list-group.mediadaten li{
		background-color:transparent;
		border-color:transparent;
		border-bottom-color: #e5e5e5;
	}
	/*******************************************************************************************************************************************
	 * Sonderseiten AGB
	 */
	 
	
/*******************************************************************************************************************************************/
/** Mediaqueries ***************************************************************************************************************************/
/*******************************************************************************************************************************************/

	@media (max-width:767px) {

		/** #15083  */
		#contentArea .hrHead ul.menu{
			display: none; 
		}

		.container{
			border: none;
		}


		.irelementmodulschaufenster .target-button-container a {
			margin-bottom: 10px;
		}
		.irmodul.irelementswpfolgen{
			padding: 20px;
		}


		/*******************************************************************************
		 * Beliebte Inhalte
		 */
			.popularContent .tab_menu{
				text-align: center;
				margin-bottom: 14px;
			}
			.popularContent .tab_menu span{
				margin-left: 17px;
				font-size: 14px;
				text-transform: uppercase;
				cursor: pointer;
			}
			.popularContent .tab_menu span:first-child{
				margin-left: 0;
			}
			.popularContent .tab_menu span.active{
				font-weight: bold;
				border-bottom: 3px solid #00a2ca;
			}
			.popularContent .group{
				display: none;
			}
			.popularContent .group.active{
				display: block;
			}


		





		#contentArea .irmodul.irelementaktuellemeldungen{
			padding: 0 20px;	
		}
		#contentArea .irmodul.irelementaktuellemeldungen .hrHeadline{
			padding: 0;
			margin: 10px 0 20px 0;
		}
		#contentArea .irmodul.irelementwidgetcontainer .hrHeadline{
			/*padding: 0 20px;*/
		}
		#contentArea .irmodul.irelementwidgetcontainer .rubricBar > .headline{
			padding: 0 20px;	
		}

		
		/* Inline Kino-Dossier */
		.kino-dossier .row.head .body a {
			margin-left:0px;
		}

		.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
			position: relative;
			min-height: 1px;
			padding-left: 0;
			padding-right: 0;
		}
		
		


		/*#contentArea .teaserItem.teaserItem5,*/ /** Funktioniert leider nicht wegen der Grids mit fester höhe*/
		#contentArea .teaserItem.teaserTypeBlank{
			min-height: unset;
			height: auto;
		}


		.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{
			width: 100%;
		}
		#contentArea .hrHead ul.menu{
			right: 20px;
		}

		#footArea > .container > *:not(.bottom){
			display: none;
		}
	}	

	@media (max-width:1200px) {
		#contentArea .irmodul.irelementmodulschaufenster .btn-group{
			display: block;
			width: 100%;
			padding-bottom: 5px;
		}
		#contentArea .irmodul.irelementmodulschaufenster .btn-primary{
			display: block;
			width: 100%;
		}

		#footArea .container .bottom {
			text-align: center;
		}
		#footArea .container .bottom .copyright {
			/*display: block;*/
		}
		#footArea .container .bottom ul.pull-right {
			float: none !important;
		}
	}


	@media (min-width:767px){

		#breadcrumbArea .container{
			padding: 0 73px;
		}
		#contentArea .container{
			padding: 20px 73px 0 73px;
		}
		.row {
			margin-left: -10px;
			margin-right: -10px;
		}

		.index-headline {
			font-weight: 700;
			margin-bottom: 0.67em;
			margin-left: 0;
			margin-right: 0;
			margin-top: 0.67em;
		}


		#footArea .bottom > .row{
			margin: 0;
		}
		#footArea .bottom > .row > div{
			padding: 0;
		}


		.inline_multimedia .footer,
		.inline-element .footer{
			padding:10px 73px;
		}

		#contentArea .searchStage {
			padding: 0;
		}
		

		/*#contentArea .container .hrHeadline,*/ 
		#contentArea .container .articleDetail > h1,
		#contentArea .container .articleDetail > div.metaBar,
		#contentArea .container .articleDetail > div.body > div.teaser,
		#contentArea .container .articleDetail > div.body > p{
			padding: 0;
		}

		#contentArea .container .irmodul.irelementbeliebteinhalte .popularContent > .headline{
			display: block;
			text-align: center;
			padding-bottom: 20px;
		}

		#contentArea .teaserItem.teaserTypeBlank .body {
			padding:0 20px 5px 20px; /** evtl wieder 20 30 5 30 */
		}

		.rubricBar .nav li {
			font-size: 14px;
			padding: 0 70px 2px 70px;
			position: relative;
		}

		#footArea #mainNavFoot li {
			padding-right: 5px;
			margin-right: 10px;
		}


		#contentArea .popularContent .tab_menu
		/* , #contentArea .popularContent .groupHeadline*/
		{
			display: none;
		}
		#contentArea .popularContent .groupHeadline{
			display: inline-block;
		}
	}
		
	/** Anpassunge RL */
	@media (min-width:992px) and (max-width:1200px) {
		/* Generell brauchen wir hier wieder das padding */

		/*******************************************************************
		Werbung 
		*******************************************************************/
		/* Werbungsbox in GridLayouts auf die korrekte Höhe */
		.teaserGrid .swp-adbox {
			min-height: 326px;
		}
		.teaserGrid4 .col-lg-4:first-of-type .swp-adbox,
		.teaserGrid2L .col-lg-4:first-of-type .swp-adbox,
		.teaserGrid2R .pull-right .swp-adbox {
			height: 682px !important;
		}

		/*******************************************************************
		Anpassung der teaserItem Elemente
		*******************************************************************/

		/* beliebte Inhalte Positions Nummer  */
		#contentArea .teaserItem.teaserItem16 .body .pos {
			height: 100px;
		}

		/* Rubrikenriegel XML */
		.rubricBar .tab-content .body p {
			display: none;
		}

		
		/* Grid Lay 1 teaserItem1 */
		.teaserGrid1 .teaserItem1 .body .multiline .headline {
	    	font-size: 16px !important;
	    	line-height: 22px !important;
	    }
		.teaserGrid1 .teaserItem1 .body p {
			display: none;
		}

		/* Grid-Lay3 teaserItem4 */
		.teaserGrid3 .teaserItem.teaserItem4 {
	    	/*height: 245px;*/
	    	height: auto;
	    }
	    .teaserGrid3 .teaserItem.teaserItem4 .multiline .headline {
	    	font-size: 36px !important;
	    	line-height: 38px !important;
	    }

	 	.teaserGrid1 .row div.col-lg-4.col-md-12 .img {
			max-width: 326px !important;
			max-height: auto !important;
		}
		.teaserGrid1 .row div.col-lg-4.col-md-12 .md_break_manuell {
	    	height: 169px !important;
	    	min-height: 169px !important;
	    }
	    .teaserGrid1 .row div.col-lg-4.col-md-12 .md_break_left {
	    	max-height: 169px !important;
			overflow: hidden;
			float: left;
			margin-bottom: 20px;
			margin-right: 35px;
		}

	    /* Grid-Lay5 teaserItem5 */
	    .teaserGrid5 .row div:first-child .img {
			width: 321px;
		}
	    .teaserGrid5 .row div:first-child .md_break_manuell {
	    	height: 182px !important;
	    	min-height: 182px !important;
	    }
	    .teaserGrid5 .row div:first-child .md_break_left {
	    	max-height: 182px !important;
			overflow: hidden;
			float: left;
			margin-bottom: 20px;
			margin-right: 35px;
		}
		.teaserGrid5 .row div:not(:first-child) .md_break_right {
			clear: both;
			float: none;
		}
		.teaserGrid5 .row div:first-child .swp-adbox {
	    	height: auto !important;
	    }
	}

	@media (min-width:1200px) {

		#headArea .container{
			box-shadow: none;
		}
		#headArea #optionPanel {
			position: absolute;
			top: 15px;
			right: 73px;
			font-size: 13px;
			font-weight: 400;
			display: block;
		}
		#headArea #optionPanel li.search{
			display: inline-block;
		}
		#searchMobil{
			display: none;
		}
		#headArea #optionPanel .dropDown.search {
			top:35px;
		}


		#contentArea .teaserItem.teaserItem4:not(.dossier) {
			height: 620px;
		}
		#contentArea .teaserItem.teaserItem4:not(.dossier) img{} /** @todo */

		#contentArea .teaserItem.teaserItem1:not(.dossier) .body {
			padding-left: 0px;
		}

		.row-eq-height {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}

		/*.mediaDetail .carousel.slide.imageSlider{*/
		.carousel.slide.imageSlider{
			height: 530px;
		}

		/*.mediaDetail .carousel-inner*/
		.carousel.slide.imageSlider .carousel-inner
		{
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.carousel.slide.imageSlider .carousel-inner > .item {
			-webkit-transition: opacity .6s ease-in-out left, display 0s;
			-o-transition: opacity .6s ease-in-out left, display 0s;
			transition: opacity .6s ease-in-out left, display 0s;
		}


		#headArea #secNavHead{
			display: block;
		}

		.a-logo {
			width: 348px;
			height: calc(348px/2,4857); /* 140px */
		}

		

		/** Main Navi ***********************************************************************************************/

			nav.main_nav{
				position: relative;
				width: 100%;
				left: 0;
				top: auto;
				margin: 0;
				border-top-width: 1px;
				border-bottom-width: 1px;
				z-index: 200;
			}

			nav.main_nav .navigation_wrapper>label,
			nav.main_nav #nav_toggler{
				display: none;
			}
			nav.main_nav .navigation_wrapper .scrollable > .title{
				display: none;
			}
			nav.main_nav * {
				box-sizing: border-box;
				color: #333;
			}

			nav.main_nav li .icon,
			nav.main_nav li .glyphicon{
				display: inline-block;
			}
			nav.main_nav li.home .text{
				display: none;
			}
			nav.main_nav li.home .glyphicon {
				display: inline-block;
			}
			nav.main_nav ul.level_1 > li {
				padding-right: 10px;
				letter-spacing:0.9pt;
				line-height: 2.3em;
			}

			nav.main_nav ul.level_1 > li:last-child {
				padding-right: 5px;
			}
			nav.main_nav ul.level_1 > li:last-child a {
				margin-right: 0;
			}
			nav.main_nav ul.level_1 > li:last-child span { /** Pfeil "mehr" */
				cursor: pointer;
				font-size: 12px;
				padding-left: 5px;
			}

			nav.main_nav .level_1{
				margin: 0;
				position: relative;
				padding: 0 73px;
			}
			nav.main_nav .level_1 > li{
				position: initial;
				float: left;
				margin: 0;
			}
			nav.main_nav .level_1 > li > a{
				display: inline-block;
				padding: 10px 0 4px 0;
				margin: 0 10px;
				/*border-bottom: 4px solid #fff; */
			}
			nav.main_nav .level_1 > li > a:first-child{
				padding: 10px 0 4px 0;
				margin: 0 10px 0 0;
			}

			nav.main_nav .level_2{
				position: absolute;
				left: 0;
				top: 55px;

				display: none;
				width: 100%;
				padding: 10px 0 0 73px;
				overflow: hidden;
				border-width: 1px 1px 1px 0;
				z-index: 2;
				background: #fff;

				/** @workaraound */
				background: #fff; /* Old browsers */
				background: -moz-linear-gradient(left, #fff 283px, #eee 283px); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, #fff 283px, #eee 283px); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, #fff 283px,#eee 284px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=1 ); /* IE6-9 */
			}
			nav.main_nav li.submenu:hover > ul.level_2{
				display: block;
			}

			nav.main_nav .level_2.hasTeaser{
				min-height: 400px;
			}
			nav.main_nav .level_2::before{
				
				content: "";
				width: 1px;
				height: 100vh;
				border-left: 1px solid #ccc;
				position: absolute;
				left: 283px;
				top: 0;
				z-index: 1;
			}

			nav.main_nav .level_2 > li{
				width: 210px;
				padding: 0;
				border-top: 1px solid #ccc;
			}
			nav.main_nav .level_2 > li:first-child{
				border-top: none;
			}
			nav.main_nav li.submenu ul.level_2 > li > a{
				line-height: 39px;
			}

			nav.main_nav li.submenu ul.level_3 > li > a{
				line-height: 31px;
			}



			nav.main_nav .level_2 > li.submenu > a::after{ /** Pfeil nach rechts */
				float: right;
				margin-top: 3px;
				margin-right: 10px;
				content: "\e258";
				font-family: 'Glyphicons Halflings';
				font-style: normal;
				font-weight: 400;
				line-height: 1;
			}

			nav.main_nav .level_3{
				position: absolute;
				left: 283px;
				top: 0;
				width: 1px;
				padding: 10px 0 0 0;
				border-left-width: 1px;
				background: #fff;
				overflow: hidden;
				transition: width 0s;
				z-index: 2;
			}
			nav.main_nav .level_2 > li:hover .level_3{
				border-right-width: 1px;
				width: 243px;
			}
			nav.main_nav .level_3 > li{
				/*padding: 5px 0 5px 30px;*/
				padding: 0 0 0 36px;
			}

			nav.main_nav li.submenu .level_2.hasTeaser {
				min-height: 360px;
			}

			nav.main_nav li .teaser_list{
				display: list-item;
			}
			nav.main_nav li.teaser_list{
				border: none;
				height: 0;
			}
			nav.main_nav .teaser_list > ul{
				display: none;
				position: absolute;
				right: 0px;
				top: 0;
				width: 765px;
				padding: 15px 73px 73px 0;
				flex-flow: row wrap;
				justify-content: flex-end;
			}
			nav.main_nav li.submenu.hover > ul > .teaser_list ul,
			nav.main_nav li.submenu:hover > ul > .teaser_list ul{
				display: flex;
				justify-content: space-between;
				align-items: stretch;
			}
			nav.main_nav li.submenu .teaser_list > ul > li{
				display: flex;
				height: 350px;
				width: 30.5%;
				padding: 0;
			}


			nav.main_nav li.submenu .teaser_list > ul > li {
				line-height:1.0em;
			}
			nav.main_nav li.submenu .level_2.hasTeaser li.teaser_list > ul > li > article{
				display: none;
			}


			nav.main_nav li.submenu .level_2.hasTeaser .teaser_list > ul > li {
				height: 330px;
				border-bottom: 1px solid #e0e0e0;
				width: 220px;
			}
			

			nav.main_nav li.submenu .teaser_list > ul > li > article{
				width: 100%;
				display: inline-block;
				background: #fff;
			}
			nav.main_nav li.submenu .level_2.hasTeaser li.teaser_list > ul > li > article{
				display: block;
			}
			nav.main_nav li.submenu .level_2.hasTeaser li.teaser_list > ul > li > article figure figcaption {
			/*	padding-left: 18px;
				padding-top: 10px;*/
			}
			nav.main_nav li.submenu .level_2.hasTeaser li.teaser_list > ul > li > article figure figcaption p {
				margin-bottom: 5px;
			}

			nav.main_nav li.submenu .teaser_list > ul > li > article figure .cover{
				width: 100%;
				height: 220px;
			}
			nav.main_nav li.submenu .teaser_list > ul > li > article img{
				width: 100%;
				height: 220px;
				object-fit: cover;
			}
			nav.main_nav li.submenu .teaser_list > ul > li > article figure figcaption{
				padding: 20px 20px;
			}

			nav.main_nav .teaser_list article .stickzeile{
				font-weight: 100;
				text-transform: uppercase;
			}
			nav.main_nav .teaser_list article .teaser{
				line-height: 1em !important;
				font-weight: bold;
			}
			nav.main_nav .navigation_wrapper .teaser_list .teaser .stichzeile{
				text-transform: uppercase;
			}

		/** NewsTicker ***********************************************************************************************/
			#newsTickerArea{
				margin-top: -2px;
			}
			
			#newsTickerArea .container{
				padding-top: 1px;
				background: #fff;
			}


			#breadcrumbArea li.active,
			#breadcrumbArea li.active a {
				display: inline-block;
			}

			#contentArea .container .articleDetail > div.metaBar,
			#contentArea .container .articleDetail > div.body > div.teaser,
			#contentArea .container .articleDetail > .body{
				padding: 0;
			}

			#contentArea .container .articleDetail > .image,
			#contentArea .container .articleDetail > div.body .inline_element.kino-dossier, /* @todo noch zu prüfen, ob der auch breiter sein soll */
			#contentArea .container .articleDetail > div.body .inline_element.youtube,
			#contentArea .container .articleDetail > div.body .inline_element.kino,
			#contentArea .container .articleDetail > div.body .inline_element.brightcove,
			#contentArea .container .articleDetail > div.body .inline_element.gallery{
				margin: 0 -80px 20px;
				padding: 0;
			}
			#contentArea .container .articleDetail > div.body .formular.content-detail{
				margin: 0 -80px;
			}

		/* Inline Kino-Dossier */
			.kino-dossier .row.head .body a {
				position: absolute;
				right: 0;
				margin-right: 50px;
				bottom: 55px;
			}

		/** Schaufenster */
			.irelementmodulschaufenster .regionFilter .btn-group {
				width:195px;
				margin-right: 5px;
			}
			.irelementmodulschaufenster .regionFilter .bootstrap-select {
				margin-bottom:0;
				padding-bottom: 0;
			}

		.inline_multimedia .footer .btn.more{
			position: absolute;
			top: 50%;
			right: 15px;
			margin-bottom: 0;
		}
	}


/*******************************************************************************************************************************************/
/** Anpassungen SWP #15291 *****************************************************************************************************************/
/*******************************************************************************************************************************************/
		/** XS Full (1-Spaltig) 100%  */
		@media (min-width:1px){
			#contentArea .container .articleDetail > .image,
			#contentArea .container .articleDetail > div.body .inline_element.kino-dossier,
			#contentArea .container .articleDetail > div.body .inline_element.youtube,
			#contentArea .container .articleDetail > div.body .inline_element.kino,
			#contentArea .container .articleDetail > div.body .inline_element.brightcove,
			#contentArea .container .articleDetail > div.body .inline_element.gallery {
			margin: 15px 0;
			padding: 0;
			}

			.inline_multimedia .footer {
			padding: 10px 20px;
			}
		}
		
		/** SM Center (2-Spaltig) 750px */
		@media (min-width:768px){
			#contentArea .container .articleDetail > .image,
			#contentArea .container .articleDetail > div.body .inline_element.kino-dossier,
			#contentArea .container .articleDetail > div.body .inline_element.youtube,
			#contentArea .container .articleDetail > div.body .inline_element.kino,
			#contentArea .container .articleDetail > div.body .inline_element.brightcove,
			#contentArea .container .articleDetail > div.body .inline_element.gallery {
			margin: 25px 0;
			padding: 0;
			}

			.inline_multimedia .footer {
			padding: 5px 25px;
			}
		}
		
		/** MD Center (2-Spaltig) 810px */
		@media (min-width:992px){
			#contentArea .container .articleDetail > .image,
			#contentArea .container .articleDetail > div.body .inline_element.kino-dossier,
			#contentArea .container .articleDetail > div.body .inline_element.youtube,
			#contentArea .container .articleDetail > div.body .inline_element.kino,
			#contentArea .container .articleDetail > div.body .inline_element.brightcove,
			#contentArea .container .articleDetail > div.body .inline_element.gallery {
			margin: 25px 0;
			padding: 0;
			}

			.inline_multimedia .footer {
			padding: 5px 25px;
			}			
		}
		
		/** LG Center (3-Spaltig) 1088px */
		@media (min-width:1200px){
			#contentArea .container .articleDetail > .image,
			#contentArea .container .articleDetail > div.body .inline_element.kino-dossier,
			#contentArea .container .articleDetail > div.body .inline_element.youtube,
			#contentArea .container .articleDetail > div.body .inline_element.kino,
			#contentArea .container .articleDetail > div.body .inline_element.brightcove,
			#contentArea .container .articleDetail > div.body .inline_element.gallery {
			margin: 25px -70px;
			padding: 0;
			}
			.inline_multimedia .footer {
			padding: 10px 25px;
			}
		}
/*******************************************************************************************************************************************/
/** Anpassungen SWP #15289 *****************************************************************************************************************/
/*******************************************************************************************************************************************/
		@media (max-width:768px){
			#contentArea .articleDetail > .body,
			#contentArea .mediaDetail > .body {
				padding: 25px;
			}

			#contentArea .sonderseiten .info,
			#contentArea .articleDetail .info,
			#contentArea .mediaDetail .info {
				padding: 25px;
				margin-bottom: 10px;
			}
		}
/*******************************************************************************************************************************************/
/** Anpassungen SWP #15288 *****************************************************************************************************************/
/*******************************************************************************************************************************************/
	@media (min-width:768) and (max-width:1200px) {
		#contentArea .articleDetail,
		#contentArea .mediaDetail {
			padding: 0;
		}

		#contentArea .sonderseiten .info,
		#contentArea .articleDetail .info,
		#contentArea .mediaDetail .info {
			padding: 30px;
			margin-bottom: 20px;
		}
	}




/*******************************************************************************************************************************************/
/** Bug-Fixes vor Re-Relaunch **************************************************************************************************************/
/*******************************************************************************************************************************************/

/* Navigation Services */
#secNavHeadMobile{
	display: block;
	margin-bottom: 100px;
}

#secNavHeadMobile li {
	font-size: 14px;
	margin-right: 10px;
	float: left;
	cursor: pointer;
}

@media (min-width:1200px) {
	#secNavHeadMobile{
		display: none;
	}
}

/* Navigation Footer */
@media (max-width: 767px) {
	#footArea > .container > *:not(.bottom) {
		display: block;
	}
}

/* Linkliste */
@media (max-width: 767px) {
	#contentArea .hrHead ul.menu {
		display: block !important;
		position: initial;
		bottom: 15px;
		margin: 0 0 10px 0 !important;
		padding: 0 0 0 10px !important;
	}
}