/*******************************************************************************************************************************************
* Schriftgrößen ****************************************************************************************************************************
*******************************************************************************************************************************************/

	body{
		font-size: 15px;
	}

	.imageSliderCaption,
	.image figcaption,
	.metaBar .autor,
	.metaBar .date,
	.navigation_wrapper .teaser_list .teaser .stichzeile,
	#contentArea .themeDossier .body .copyright,
	#footArea .bottom *{
 		font-size: 12px;
 	}

	#footArea #mainNavFoot, /** Lt Kunde: https://ticketing.interred.de/issues/14759#note-14 */
	/*#footArea .bottom,*/
	.rubricBar .tab-content .owl-carousel .sliderItem .body .subHeadline
	{
		font-size: 13px;
	}

	td,
	form,
	form label,
	nav.main_nav li.submenu ul.level_2 li,
	.paywall_container p,
	.socialBar .title,
	#headArea #logoHead .claim,
	#newsTickerArea .content,
	.row.inline_multimedia .footer .subHeadline,
	.kino-dossier .row.head .subHeadline,
	#contentArea .page404 .body .subHeadline,
	#contentArea .page404 .body .btn,
	.multiline .subHeadline{
		font-size: 14px;
	}

	.navigation_wrapper ul.level_1 > li > a,
	.navigation_wrapper .teaser_list .teaser .teaser,
	.kino-dossier .row.head .body a {
		font-size:16px;
	}

	.container.whatsapp,
	.container.datenschutz,
	.container.impressum,
	.container.agb,
	.hrHeadline{
		font-size: 17px;
	}

	.articleDetail .inline_element .multiline .headline,
	#contentArea .container.sonderseiten h2,
	#contentArea .container .mediaDetail .associatedArticle .multiline .subHeadline
	{
		font-size: 23px;
	}

	#contentArea .container.sonderseiten .multiline .headline,
	.kino-dossier .row.head .headline,
	.articleDetail .multiline .headline,
	.mediaDetail .multiline .headline,
	#contentArea .searchStage .head > .headline,
	.container h1,
	.index-headline,
	#contentArea.invert .index-headline.invert{
		font-size: 30px;
	}

	#contentArea .page404 .body .headline {
		font-size: 40px;
	}

	@media (min-width:768px){
		
		body{
			font-size: 18px;
		}

		
		#contentArea .container .mediaDetail .associatedArticle .multiline .subHeadline{
			font-size: 12px;
		}

		.irmodul,
		.imageSliderCaption,
		.image figcaption,
		.metaBar .autor,
		.metaBar .date,
		#contentArea .themeDossier .body .copyright,
		#footArea #mainNavFoot{
			font-size: 14px;
		}
	 	nav.main_nav li .glyphicon{
	 		font-size: 15px;
	 	}

	 	.themeTeaser .teaserList .headline{
	 		font-size: 16px;
	 	}

	 	#contentArea .container.sonderseiten h2,
		#contentArea .container .hrHeadline
		{
			font-size: 20px;
		}
		
		.articleDetail .inline_element .multiline .headline,
		.kino-dossier .row.head .headline
		{
			font-size: 30px;
		}
		.themeTeaser .body .headline{
			font-size: 38px;
		}

		#contentArea .page404 .body .headline {
			font-size: 40px;
		}

		#contentArea .container.sonderseiten > .multiline .headline,
		#contentArea .container .articleDetail > .multiline .headline,
		#contentArea .container .mediaDetail > .multiline .headline,
		.index-headline,
		#contentArea.invert .index-headline.invert,
		#contentArea .container > .multiline:first-child .headline{
			font-size: 54px;
			line-height: 58px;
		}
	}

	/** Teaser ****************************************************************************************************************************/
	.teaserItem .subHeadline{
		text-transform:uppercase;
		font-weight:400
	}
	@media (max-width:767px){
		.teaserItem *{
			line-height: 1.4em;
		}
		.teaserItem .subHeadline,
		.teaserItem .headline{
			line-height: 1.7em;
		}

		.teaserItem, /** Universal */
		.teaserItem *, /** Universal */
		.teaserItem.irmodulteaserlay1,
		.teaserItem.irmodulteaserlay2,
		.teaserItem.irmodulteaserlay3,
		.teaserItem.irmodulteaserlay4,
		.teaserItem.irmodulteaserlay5,
		.teaserItem.irmodulteaserlay6,
		.half_size .teaserItem.irmodulteaserlay1 .subHeadline,
		.half_size .teaserItem.irmodulteaserlay2 .subHeadline,
		.half_size .teaserItem.irmodulteaserlay3 .subHeadline,
		.half_size .teaserItem.irmodulteaserlay4 .subHeadline,
		.half_size .teaserItem.irmodulteaserlay5 .subHeadline,
		.associatedArticle .teaserItem .subHeadline,
		.teaserItem17 .time,  /* Aktuelle Meldungen*/
		.owl-item, /** Rubrikenriegel */
		.teaserItem.teaserHalfSize .subHeadline{
			font-size: 12px;
		}

		.teaserItem .subHeadline, /** Universal */
		.owl-item .subHeadline, /** Rubrikenriegel */
		.themeTeaser .body .subHeadline,
		.teaserItem.irmodulteaserlay1 .subHeadline,
		.teaserItem.irmodulteaserlay2 .subHeadline,
		.teaserItem.irmodulteaserlay3 .subHeadline,
		.teaserItem.irmodulteaserlay4 .subHeadline,
		.teaserItem.irmodulteaserlay5 .subHeadline,
		.teaserItem.irmodulteaserlay6 .subHeadline{
			font-size: 14px;
		}
		
		.teaserItem17 .text, /* Aktuelle Meldungen*/ 
		.half_size .teaserItem.irmodulteaserlay1 .headline,
		.half_size .teaserItem.irmodulteaserlay2 .headline,
		.half_size .teaserItem.irmodulteaserlay3 .headline,
		.half_size .teaserItem.irmodulteaserlay4 .headline,
		.half_size .teaserItem.irmodulteaserlay5 .headline,
		.themeTeaser .body .headline,
		.associatedArticle .teaserItem .headline,
		.teaserItem.irmodulteaserlay6 .headline,
		.teaserItem.teaserFullSize .headline{
			font-size: 15px;
			line-height: 1.26em;
		}

		
		.teaserItem16 .headline{ /* Beliebte Inhalte Home*/
			font-size: 20px !important;
		} 
		
		.teaserItem .headline,
		.owl-item .headline, /** Rubrikenriegel */
		.teaserItem.irmodulteaserlay1 .headline,
		.teaserItem.irmodulteaserlay2 .headline,
		.teaserItem.irmodulteaserlay3 .headline,
		.teaserItem.irmodulteaserlay4 .headline,
		.teaserItem.irmodulteaserlay5 .headline{
			font-size: 23px;
		}
		/*.teaserTypeBlank Nur Farbänderung, Schriftgröße Defaul*/
		/*.teaserTypeAdvertorial Nur Farbänderung*/
		/*.teaserTypeStrong NUR Farbänderung*/
	}
	@media (min-width:768px){
		.teaserItem,
		.teaserItem *,
		.teaserItem .subHeadline{
			font-size: 14px;
		}

		.themeTeaser .body .subHeadline,
		.associatedArticle .teaserItem .subHeadline,
		.owl-item .subHeadline{
			font-size: 12px;
			line-height: 1.25em;	
		}
		.teaserItem17 .time,  /* Aktuelle Meldungen*/
		.owl-item * /* z.B. Rubrikenriegel*/
		{
			font-size: 14px;
			line-height: 1em;
		}

		.teaserItem.teaserItem17 .text, /* Aktuelle Meldungen*/
		.teaserItem.irmodulteaserlay6 .headline{
			font-size: 16px !important;
			line-height: 1.25em !important;
		}

		.teaserItem.teaserItem16 .headline, /* Beliebte Inhalte Teaser Indexseiten */
		.associatedArticle .teaserItem .headline,
		.teaserItem.irmodulteaserlay5 .headline,
		.owl-item .headline{
			font-size: 20px;
			line-height: 1.25em;
		}

		.teaserItem .headline,
		.teaserItem.irmodulteaserlay1 .headline,
		.teaserItem.irmodulteaserlay2 .headline,
		.teaserItem.irmodulteaserlay3 .headline,
		.teaserItem.irmodulteaserlay4.teaserTypeBlank .headline{
			font-size: 30px;
			line-height: 1.133em
		}

		.teaserItem.irmodulteaserlay4 .headline,
		.themeTeaser .body .headline{
			font-size: 38px;
			line-height: 1.105em;
		}
	}

/*******************************************************************************************************************************************
* Schriftfarben ****************************************************************************************************************************
*******************************************************************************************************************************************/

	/** All */
	.txt_black,
	body,
	.body,
	.multiline .headline,
	.multiline .subHeadline, 

	/** Teaser */
	.irmodul .teaserItem .subHeadline,
	.irmodul .teaserItem .headline,
	.irmodul .teaserItem p,
	.irmodul .teaserItem .body,
	.irmodul .teaserItem.teaserTypeBlank.teaserTypeStrong .multiline .subHeadline,
	.irmodul .teaserItem.teaserTypeBlank.teaserTypeStrong .multiline .headline,
	.irmodul .teaserItem.teaserTypeBlank.teaserTypeStrong p,
	.irmodul.irelementmodulmediathek .teaserItem.teaserMedia.teaserTypeBlank .headline,
	.irmodul.irelementmodulmediathek .teaserItem.teaserMedia.teaserTypeBlank  p,
	#contentArea .invert .associatedArticle .multiline .subHeadline, /** Wenn Oberster Container Invert ist*/
	#contentArea .invert .associatedArticle .multiline .headline, /** Wenn Oberster Container Invert ist*/
	#contentArea .invert .associatedArticle p,
	#contentArea .articleDetail .image figcaption .copyright,
	#contentArea .mediaDetail .image figcaption .copyright,
	#footArea #mainNavFoot li a,
	.rubricBar > .headline,
	.rubricBar .nav li a:hover, .rubricBar .nav li.active a,
	.mediaDetail .associatedArticle .subHeadline,
	.mediaDetail .associatedArticle .headline {
		color: #000;
		border-color: #000;
	}


	.txt_white,
	.btn-inverse,
	.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover,.btn-help,
	#newsTickerArea .content,
	.irmodul .teaserItem.teaserTypeStrong .multiline .subHeadline,
	.irmodul .teaserItem.teaserTypeStrong .multiline .headline,
	.irmodul .teaserItem.teaserTypeStrong p,
	.irmodul .teaserItem.teaserTypeStrong .body,
	.mediaSlider .teaserItem .subHeadline,
	.mediaSlider .teaserItem .headline,
	.mediaSlider .teaserItem p,
	.info.downloads .download-entry a.download-link i.download-type,
	.kino-dossier .row.head .headline,
	.mediaSlider .hrHead .menu li a,
	.mediaSlider .hrHead .hrHeadline,
	.invert .hrHead .hrHeadline, 
	.invert .subHeadline, /** Wenn Oberster Container Invert ist*/
	.invert .headline, /** Wenn Oberster Container Invert ist*/
	.invert .teaser,
	.container .themeTeaser *:not(.btn),
	.container .invert h1,
	#breadcrumbArea.nvert .breadcrumb li a:active, 
	#breadcrumbArea.invert .breadcrumb li a:focus, 
	#breadcrumbArea.invert .breadcrumb li a:hover,
	#contentArea.invert .index-headline.invert {
		color: #fff;
		border-color: #fff;
	}
	.container.invert .mediaDetail > .body *,
	.teaser:not(.teaserTypeBlank) .overlay + .body *:not(.btn){ /** Advertorials / Thema */
		color: #fff !important;
		border-color: #fff !important;	
	}


	.txt_darkRed,
	.kino-dossier .row.head .subHeadline, /** @todo selector verbessern ?? */
	#contentArea .container .invert .subHeadline,
	#contentArea .mediaDetail .multiline .subHeadline,
	#contentArea .container .subHeadline.advertorial,
	#contentArea .container .teaserTypeAdvertorial .subHeadline,
	.irmodul .teaserMedia .multiline .subHeadline,
	.irmodul .teaserItem.teaserMedia .subHeadline,
	.irmodul .teaserItem.teaserTypeAdvertorial .subHeadline,
	.container.agb li:before {
		color: #d61113 !important;
	}
	#contentArea .container .teaserItem.teaserTypeAdvertorial .subHeadline{
		color: #d61113 !important;
	}

	.color-red {
		color: #d61113 !important;
	}

	#breadcrumbArea.invert .breadcrumb li.active {
		color: #f7f7f7;
	}

	#breadcrumbArea.invert .breadcrumb li a {
		color: #e0e0e0;
	}

	nav.main_nav .navigation_wrapper .scrollable > .title{
		color: #ccc;
	}

	.btn-help:active,.btn-help:focus,.btn-help:hover,
	#contentArea .searchStage .head .searchstage-filter-options a,
	.container.agb li:after,
	.impressum.headline,
	.rubricBar .nav li a,
	#breadcrumbArea li,
	nav.main_nav ul.level_1 > li:last-child span,
	nav.main_nav li.submenu .level_2 > li.submenu > a::after {
		color: #868686;
	}

	#footArea .linkSection ul li a {
		color: #60604d;
	}

	#contentArea .invert .teaserTypeBlank .multiline .headline,
	#contentArea .searchStage .head .searchstage-filter-options:active,
	#contentArea .searchStage .head .searchstage-filter-options:focus,
	#contentArea .searchStage .head .filterOptionsToggle:hover,
	#footArea .linkSection ul li a::after,
	.invert .irelementmodulmediathek .headline,
	.info.downloads .download-entry a.download-link,
	span.download-filesize,
	.rubricBar .tab-content .owl-carousel .sliderItem .body,
	#breadcrumbArea li.active,
	#breadcrumbArea li.active a
	{
		color: #333;
	}

	/*.teaserItem .headline .accent,*/
	#headArea #logoHead .claim,
	.teaserItem .body .headline .price,
	#footArea .bottom .interred a:hover,
	#footArea #mainNavFoot li a:focus,
	#footArea #mainNavFoot li a:hover,
	#footArea #mainNavFoot li.active a {
		color:#00a2ca; /**@todo prüfen*/
	}

	.form-group .invalid-feedback,
	.form-control.is-invalid {
		color: #a94442;
	}

	#breadcrumbArea.invert .breadcrumb li + li::before {
		color: #405159;
	}

	#contentArea .teaserItem.teaserItem17 .age {
		color:#00a2ca;
	}


/*******************************************************************************************************************************************
* Schrift Styles ***************************************************************************************************************************
*******************************************************************************************************************************************/
	
	a {
		font-weight:400;
		text-decoration:underline;
		text-decoration-color:#00a2ca
	}
	a:active,a:focus,a:hover {
		text-decoration:none
	}

	body {
		overflow-x:hidden
	}

	#contentArea .articleDetail .image figcaption,
	#contentArea .mediaDetail .image figcaption{
		font-weight: 300;
	}
	#contentArea .articleDetail .image figcaption span.copyright,
	#contentArea .mediaDetail .image figcaption span.copyright{
		font-weight: normal;
	}


	h1,h2,h3,h4,h5,h6,
	.multiline .headline,
	.multiline .subHeadline,{
		letter-spacing: 0.3em;
	}

	.irmodul .widget.headline,
	.irmodul .headline,
	.irmodul .body .headline{
		letter-spacing: 0.01em;	
	}


/*******************************************************************************************************************************************
* NOTES @todo Nach Entwicklung raus ??? ****************************************************************************************************
*******************************************************************************************************************************************/

	
	/** Breakpoints: **********************************************************************************************************************/

		/** XS Full (1-Spaltig) 100%  */
		@media (min-width:1px){}
		
		/** SM Center (2-Spaltig) 750px */
		@media (min-width:768px){}
		
		/** MD Center (2-Spaltig) 810px */
		@media (min-width:992px){}
		
		/** LG Center (3-Spaltig) 1088px */
		@media (min-width:1200px){}