@charset "UTF-8";/* intended for @import declarations  */
 /* this normalize.css could be used to override setting from /Lib/normalize-css/normalize.css */

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
} /* intended to declare fundament website typographical css rules  */
 /* the mainTable */
.CalendarMainTable
{
	border: solid 1px #eee;
	font-size:1.2em;
	margin:0px 2px 2px 2px;
	padding-top:10px;
	display: inline-block;
}

/* the header (with left, right and month) */
.CalendarTableHead
{
	margin-bottom:10px;
}

/* the forward and backward button in the header */
.CalendarNavigation,
.CalendarNavigation:hover
{
	margin-left:25px;
	margin-right:25px;
}

/* the month in the header */
.CalendarMonth
{
	cursor:pointer;
	font-size:1.1em;
	text-align:center;
	text-decoration:none !important;
}
.CalendarMonth:Hover
{
	background-color:Silver;
	color:Black !important;
	cursor:pointer;
	font-size:1.1em;
	text-align:center;
	text-decoration:none !important;
}

/* the body (with calendar data) */
.CalendarTable
{
	height:200px;
	text-align:center !important;
}

/* the links for the week- and weekday selection */
.CalendarDayOfWeekLabel
{
	cursor:pointer;
}
.CalendarDayOfWeekLabel:hover
{
	background-color:Silver;
	cursor:pointer;
	color:black !important;
	padding:0px;
	text-decoration:none !important;
}

/* the weekDescriptor */
.CalendarWeekHeadShortName
{
}

/* all cells in the calendar */
.CalendarDayCell
{
	border:solid 1px #eee;
	width:50px;
	cursor: pointer;
}
.CalendarDayCell:Hover
{
	background-color:Silver;
 	color:Black !important;
	padding:0px;
	text-decoration:none !important;
}

/* the style of the not selectable days */
.CalendarDayLabel
{
	color:#aaaaaa;
}

/* the style of the selectable days */
.CalendarDayLink:Active,
.CalendarDayLink:Link,
.CalendarDayLink:Visited,
.CalendarDayLink:Hover
{ 
 	color:Black !important;
	text-decoration:none !important;
}

/* the style of the selected selectable days */
.CalendarDayLinkSelected:Active,
.CalendarDayLinkSelected:Link,
.CalendarDayLinkSelected:Visited
{
	color:Black !important;
	font-weight:bold !important;
	padding:0px;
	text-decoration:none !important;
}
.CalendarDayLinkSelected:Hover
{
	background-color:Silver;
	color:Black !important;
	font-weight:bold !important;
	padding:0px;
	text-decoration:none !important;
}

 /* css definitions for BannerHandler */
/* Parallax effect*/
.parallax-section {
  position: relative;
  width: 100%;
  /*height: 600px;*/
  /*defined in BannerRenderer in demand of WebSiteDefPos Size*/ }

.parallax-child-section {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 600px;*/
  /*defined in BannerRenderer in deman of WebSiteDefPos Size*/ }

#ParallaxBanner {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  z-index: 1000; }

.parallax-child-section-row {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: inherit inherit;
          background-size: inherit; }

/*The Background-image is positon:fixed so it's centering in the viewport instead of the column.
	If we use a banner in a bootstrap-colum structure, we have to change the position in demand of the 
	We have to change the position in demand of the width
*/
@media (min-width: 992px) {
  .WcmsPageWideBannerPlaceHolder.col-md-8 .parallax-child-section-row {
    background-position: 12% center; } }

@media (min-width: 1400px) {
  .WcmsPageWideBannerPlaceHolder.col-md-8 .parallax-child-section-row {
    background-position: 25% center; } }

@media (min-width: 1600px) {
  .WcmsPageWideBannerPlaceHolder.col-md-8 .parallax-child-section-row {
    background-position: 35% center; } }

/*414px for IPhone Plus, 
	We display the whole image for smaller screens (Bannermotif should be minimum widht of 414px) */
@media (max-width: 414px) {
  .parallax-child-section-row {
    -webkit-background-size: contain;
            background-size: contain; } }
 
/*************************************************************************************************/
/* common styles for the Branch		    						  						         */
/*************************************************************************************************/

.BranchRight
{
	float:left;
	margin-left:10px;
}

.Branch_hide
{
	display: none;
}

/*************************************************************************************************/
/* styles for the BranchSearch page																 */
/*************************************************************************************************/

.BranchSearchContent
{
	vertical-align: top; 
	width: 100%;
	float: left; 	
}

.BranchSearchContent .headLine
{
	margin-left: 5px;
	margin-bottom: 10px;
	display: inline-block;
}

.BranchNavigationBottom
{
	text-align: center;
	padding: 40px 0;
	width: 100%;
	clear: both;
}

.BranchSearchResult
{
	margin-top:10px;
}

.BranchShowPicture
{
	display:none;
}

.BranchSearchResultList
{
	list-style-type:none;
	padding-left:0px;
	margin-top:0px;
}

.BranchSearchResultLogo
{	
	/*float: left;*/
}

.BranchSearchResultLogo ul
{	
	padding: 0px;
}

.BranchSearchResultLogo li
{
	list-style: none;
	float: left;
}

.BranchSearchResultListItem
{
	clear:both;
}
.BranchSearchResultListItemGradient
{
	clear: both;	
	background-color: #e2ecf5;
	background: url(/Layout/RealEstate/RealEstateSearchPremium_bg.gif) repeat-x;
	background: -webkit-gradient(linear,left top,left bottom,from(#e2ecf5),to(#fff));
	background: -moz-linear-gradient(top center,#e2ecf5,#fff)

}
.BranchSearchResultListSeperator
{
	border-bottom:1px dashed #e8e8e8;
	clear:both;
	margin:0px 0px 5px 0px;
	padding-top:5px;
}
.BranchSearchResultListItemGradient .BranchSearchResultItemHeading
{
	float: left;
}
.BranchSearchResultListItem .BranchSearchResultItemHeading
{
}
.BranchSearchResultItemHeading a:link,
.BranchSearchResultItemHeading a:visited
{
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	width:410px;
}
.BranchSearchResultItemHeading a:hover
{
	text-decoration:underline;
}
.BranchSearchResultItemHeading img.userHint
{	
	height: 11px;
	padding-right: 2px;
}
.BranchSearchResultItemPicture
{
	position:relative;
	border:none;
	float:left;	
}
.BranchSearchResultItemPicture img.topRangeOverlay
{
	position:absolute;
}
.BranchSearchResultItemPicture img.thumb
{
	border:1px solid #999999;
	margin: 2px;
}
.BranchSearchResultItemItemData
{
	padding-left: 100px;
	padding-top:5px;
	font-size: 1.5em;
}
.BranchSearchResultItemItemData ul
{
	font-size:0.8em;
	line-height:1.5em;
	list-style-type:none;
	padding-left:0;
}
.BranchSearchResultItemItemData ul li
{
	float:left;
	width: 470px;
}
.BranchSearchResultItemItemLinks
{	
	float:right;
	width:78px;
}
.BranchSearchResultItemItemLinks ul
{
	font-size:0.8em;
	list-style-type:none;
	padding-left:0;
}
.BranchSearchResultItemItemLinks a:link,
.BranchSearchResultItemItemLinks a:visited
{
	clear:both;
	cursor:pointer;
	display:block;
	float:none;
	line-height:21px;
	margin-top:2px;
	padding-left:7px;
	text-decoration:none;
	width:70px;
}
.BranchSearchResultItemItemLinks a:hover
{
	text-decoration:underline;
}
.BranchSearchResultItemAddress
{
	float:left;
	width:345px;
}

/*************************************************************************************************/
/* styles for the BranchSearchCriteriaCtrl page												     */
/*************************************************************************************************/

.BranchSearchCriteria
{
	position:relative;
	background-color: #eee;
	height:65px;
	padding:5px;
	padding-bottom:0px;
}

.BranchSearchCriteria input[type=text]
{
	margin-top: 0px;
	margin-bottom: 4px;
	width: 200px;
}

.BranchSearchCriteria input[type=submit]
{
	background: url(/Layout/Branch/SearchBtnBkg.png) repeat-x;
	border:0px;
	margin: 6px 0 5px;
	padding: 2px 15px;
}

.BranchSearchCriteria h1
{
	font-weight:bold !important;
	font-size:16pt !important;
	padding-left: 8px;
}

.BranchSearchCriteriaName
{
	padding: 8px;
	width: 34px; 
	display: inline-block;
}

/*************************************************************************************************/
/* styles for the BranchShow page															     */
/*************************************************************************************************/

.BranchShowAdvertiserBP
{
	margin-top: 15px;
}

.BranchShowRightContent
{
	float: left;
}

.BranchShowLeftContent
{
	float: left;
}

.BranchShowAdvertiserName
{
	font-weight: bold;
	margin-top: 10px;
}

.BranchShowAdvertiserLogo
{
	width: 150px;
	margin-right: 10px;
}

.BranchShowPicItem
{
	width: 350px;
	margin: 5px 5px 10px 0;
}

.BranchShowHeaderOneColumn
{
	/*background-color:#f2f2f2;
	border:1px solid #999999;*/
	border-bottom:none;
	padding:2px 5px 2px 0;
	width: 650px;
}

.BranchShowContentOneColumn
{	
	/*border:1px solid #999999;*/
	margin-bottom:10px;
	padding:2px 5px 2px 0;
	width: 650px;	
}

.BranchShowHeaderTwoColumnMajor
{
	background-color:#f2f2f2;
	border:1px solid #999999;
	border-bottom:none;
	padding:2px 5px 2px 5px;
	width:500px;
}

.BranchShowContentTwoColumnMajor
{	
	border:1px solid #999999;
	margin-bottom:10px;
	padding:2px 5px 2px 5px;
	width: 490px;	
}

.BranchShowHeaderTwoColumn
{
	padding:2px 5px 2px 0;		
}

.BranchShowHeaderTwoColumnMinor
{
	background-color:#f2f2f2;
	border:1px solid #999999;
	border-bottom:none;
	padding:2px 5px 2px 5px;	
	width:300px;
}

.BranchShowContentTwoColumnMinor
{
	/*border:1px solid #999999;*/
	margin-bottom:10px;
	padding: 0 5px 2px 0;	
	width: 300px;
}

/*************************************************************************************************/
/* styles for the BranchEdit page															     */
/*************************************************************************************************/

.BranchEdit
{		
}

.BranchSearchResultItemItemLinks a.BranchEditEditieren
{
	line-height: 15px;
	margin-bottom: 5px;
}

.BranchEditHeadline
{
	font-weight: bold;
}

.BranchEditLogo
{
	margin-right: 20px;
	vertical-align: -5px;
}

.BranchEdit input[type=file],
.BranchEdit input[type=submit]
{
	height: 24px;
}

.BranchEditBPLogoUpload td
{
	vertical-align: bottom;
}

.BranchEditDeleteButton
{
	position: relative;
	bottom: -9px;
	left: 9px;
}




 /*for BannerModule */
.BannerModule {
  margin-bottom: 30px; }

/* for the text which is shown over ads */
.WcmsAdHint {
  font-size: 8pt;
  text-decoration: none;
  margin-bottom: 5px !important;
  display: block; }

#WallpaperBanner {
  position: relative;
  /* PMODIF TS removed */
  /*min-height:60px;*/ }
  @media screen and (max-width: 768px) {
    #WallpaperBanner .WcmsSkycraperBannerPlaceHolder {
      display: none; } }
  #WallpaperBanner .BannerModule {
    margin-bottom: 10px; }

.WcmsSkycraperBannerPlaceHolder {
  position: absolute;
  left: 1021px !important; }

@media (max-width: 1200px) {
  .WcmsSkycraperBannerPlaceHolder {
    left: 1021px !important; } }

@media (max-width: 992px) {
  .WcmsSkycraperBannerPlaceHolder {
    left: 1021px !important; } }

@media (max-width: 768px) {
  .WcmsSkycraperBannerPlaceHolder {
    display: none; } }
 /*for BannerOMSModule */
.BannerOMSModule {
  text-align: center;
  /*PMODIF JST 2018-07-13 changed from right*/
  clear: both;
  padding-left: 0;
  padding-right: 0; }

#WallpaperBanner .BannerOMSModule {
  margin-bottom: 10px; }

/*html, body, div {
   margin: 0;
   padding: 0;
}*/
#adl_sb_table {
  width: 100% !important; }

#oms_gpt_superbanner {
  width: 100%;
  margin-bottom: 10px; }

#billboard {
  width: 800px;
  margin: 0 auto; }

#rectangle1 {
  padding-top: 50px;
  padding-left: 50px; }

#rectangle2 {
  padding-top: 50px;
  padding-left: 50px; }

#oms_gpt_medium_rectangle_pos1 {
  text-align: center;
  margin-bottom: 10px; }

oms_gpt_medium_rectangle_pos2, #oms_gpt_medium_rectangle_pos3 {
  text-align: center;
  margin-bottom: 10px; }

#content {
  width: 80%;
  height: 1400px;
  background: #333;
  padding-top: 50px; }

@media (max-width: 1024px) {
  #content {
    width: 100%; } }
 /*for BannerSDGModule */
.BannerSDGModule {
  text-align: center;
  clear: both; }

#omsv_sky_DhtmlLayer {
  top: 44px !important; }

/*#WallpaperBanner {

	.BannerSDGModule {
	}
}

#SDG_Banner_banner {
	width:800px;
	margin:auto;
}

#SDG_Banner_sky {
}

#SDG_Banner_billboard {
	width:800px;
	margin:auto;
}

#SDG_Banner_rectangle {
}

#SDG_Banner_topmobile,
#SDG_Banner_topmobile2,
#SDG_Banner_topmobile3,
#SDG_Banner_topmobile4 {
	text-align: center;
	margin-bottom: 10px;
}

#content {
   width: 80%;
   height: 1400px;
   background: #333;
   padding-top: 50px;
}
@media (max-width: 1024px) {
   #content {
         width: 100%;
   }
}*/
 /*************************************************************************************************/
/* cookie consent div */
/*************************************************************************************************/
#fi-cookieconsent {
  background-color: #5a5a5a;
  border: none;
  border-radius: 0;
  color: #fff;
  display: none;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  z-index: 999; }
  #fi-cookieconsent .text {
    padding: 0 15px;
    display: block; }
  #fi-cookieconsent a {
    color: #fff;
    line-height: 19px;
    padding: 4px 8px;
    white-space: nowrap; }

#close-fi-cookieconsent {
  background-color: #303030;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  line-height: 19px;
  padding: 4px 8px;
  text-decoration: none;
  white-space: nowrap; }
 /*for MapsModule */
.MapModule {
  /* DataPrivacy Handling*/ }
  .MapModule .mapsembedcontainer .submitprivacypolicyelement {
    height: 240px; }
    @media (max-width: 415px) {
      .MapModule .mapsembedcontainer .submitprivacypolicyelement input {
        margin-left: 50px;
        margin-top: 155px; } }
    @media (min-width: 415px) {
      .MapModule .mapsembedcontainer .submitprivacypolicyelement input {
        margin-top: 60px;
        margin-left: 240px; } }
  @media (max-width: 415px) {
    .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps {
      background-image: url("/Layout/News/DataPrivacyGoogle_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps {
      background-image: url("/Layout/News/DataPrivacyGoogle_Landscape.jpg"); } }

/*Layout StoryShowMeta (Service-Column) and EventShow*/
.WcmsPageWideBannerRightPlaceHolder .MapModule,
.EventShowContent .MapModule {
  /* DataPrivacy Handling for Youtube and Other Videos */ }
  .WcmsPageWideBannerRightPlaceHolder .MapModule .mapsembedcontainer .submitprivacypolicyelement,
  .EventShowContent .MapModule .mapsembedcontainer .submitprivacypolicyelement {
    height: 240px; }
    @media (max-width: 415px) {
      .WcmsPageWideBannerRightPlaceHolder .MapModule .mapsembedcontainer .submitprivacypolicyelement input,
      .EventShowContent .MapModule .mapsembedcontainer .submitprivacypolicyelement input {
        margin-left: 50px;
        margin-top: 155px; } }
    @media (min-width: 415px) {
      .WcmsPageWideBannerRightPlaceHolder .MapModule .mapsembedcontainer .submitprivacypolicyelement input,
      .EventShowContent .MapModule .mapsembedcontainer .submitprivacypolicyelement input {
        margin-top: 135px;
        margin-left: 35px; } }
  @media (max-width: 415px) {
    .WcmsPageWideBannerRightPlaceHolder .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps,
    .EventShowContent .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps {
      background-image: url("/Layout/News/DataPrivacyGoogle_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .WcmsPageWideBannerRightPlaceHolder .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps,
    .EventShowContent .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps {
      background-image: url("/Layout/News/DataPrivacyGoogle_Landscape.jpg"); } }
 /* the WcmsMediaUploadCtrl */
.WcmsMediaUploadCtrl .absWrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0; }

.WcmsMediaUploadCtrl .collapsible_body {
  padding-bottom: 0.5em !important; }

.WcmsMediaUploadCtrl table {
  width: 100%; }
  .WcmsMediaUploadCtrl table tr {
    width: 100%;
    list-style: none;
    margin-left: 20px; }
    .WcmsMediaUploadCtrl table tr li {
      float: left;
      margin-left: 20px; }

.WcmsMediaUploadCtrl .media-list ul {
  list-style: none;
  padding: 0px; }
  .WcmsMediaUploadCtrl .media-list ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 100%; }

.WcmsMediaUploadCtrl .media-list li.template {
  display: none; }

.WcmsMediaUploadCtrl a.media_upload:active,
.WcmsMediaUploadCtrl a.media_upload:link,
.WcmsMediaUploadCtrl a.media_upload:visited,
.WcmsMediaUploadCtrl a.media_upload:hover {
  float: left;
  position: relative;
  overflow: hidden;
  display: none;
  margin-top: 10px; }

.WcmsMediaUploadCtrl a.media_add:active,
.WcmsMediaUploadCtrl a.media_add:link,
.WcmsMediaUploadCtrl a.media_add:visited,
.WcmsMediaUploadCtrl a.media_add:hover {
  float: left;
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  margin-right: 15px; }

.WcmsMediaUploadCtrl a.media_add input {
  right: 0;
  left: auto;
  font-size: 30px;
  opacity: 0;
  cursor: pointer; }

.WcmsMediaUploadCtrl .upload-area input {
  opacity: 0;
  position: absolute; }

.WcmsMediaUploadCtrl .upload-area table {
  margin-bottom: 0.4em; }

.WcmsMediaUploadCtrl .upload-area table.empty {
  display: none; }

.WcmsMediaUploadCtrl .upload-area table tr {
  border: 1px solid #AAA; }

.WcmsMediaUploadCtrl .upload-area table tr.template {
  display: none; }

.WcmsMediaUploadCtrl .upload-area td.thumb {
  width: 70px; }

.WcmsMediaUploadCtrl .upload-area td.thumb div {
  width: 64px;
  height: 48px;
  background: url(/Layout/Common/other.png) no-repeat center center;
  -webkit-background-size: contain;
          background-size: contain; }

.WcmsMediaUploadCtrl .upload-area td.info {
  position: relative; }

.WcmsMediaUploadCtrl .upload-area td.info div.name {
  bottom: auto;
  font-weight: bolder;
  font-size: 16px;
  border-bottom: 1px solid #DDD;
  padding-top: 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.WcmsMediaUploadCtrl .upload-area td.info div.size {
  height: 16px;
  top: auto;
  color: #AAA;
  font-size: 12px;
  padding-top: 1px; }

.WcmsMediaUploadCtrl .upload-area td.info div.size div.ajax-error {
  display: block;
  min-height: 0;
  -webkit-background-size: contain;
          background-size: contain;
  padding-left: 20px; }

.WcmsMediaUploadCtrl .upload-area td.info div.progress {
  height: 16px;
  top: auto;
  left: 150px;
  color: #AAA;
  font-size: 12px;
  padding-top: 1px; }

.WcmsMediaUploadCtrl .upload-area td.remove {
  width: 24px;
  vertical-align: top;
  padding: 4px;
  text-align: right;
  color: #AAA; }

.WcmsMediaUploadCtrl .upload-area td.remove a:hover,
.WcmsMediaUploadCtrl .upload-area td.remove a:focus {
  color: #000; }

.WcmsMediaUploadCtrl .upload-area.isUploading td.remove a {
  visibility: hidden; }

.WcmsMediaUploadCtrl .thumbnail {
  width: 150px;
  height: 112px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: center center;
  position: relative;
  border: 1px solid #CCC; }
  .WcmsMediaUploadCtrl .thumbnail.image {
    background-image: url(/Layout/Common/image.png); }
  .WcmsMediaUploadCtrl .thumbnail.audio {
    background-image: url(/Layout/Common/audio.png); }
  .WcmsMediaUploadCtrl .thumbnail.video {
    background-image: url(/Layout/Common/video.png); }
  .WcmsMediaUploadCtrl .thumbnail.generaldoc {
    background-image: url(/Layout/Common/other.png); }

.WcmsMediaUploadCtrl .thumbnail > div.play {
  font-size: 50px;
  line-height: 112px;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  color: #CCC; }

.WcmsMediaUploadCtrl .thumbnail > div.name {
  visibility: hidden;
  height: 1.6em;
  top: auto;
  background: #DDD;
  line-height: 1.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top: 1px solid #CCC;
  padding-left: 0.2em;
  padding-right: 0.2em; }

.WcmsMediaUploadCtrl .thumbnail > div.removeItem {
  display: none;
  padding: 5px;
  right: -16px;
  width: 32px;
  top: -10px;
  left: auto;
  height: 32px;
  bottom: auto;
  background: #CCC;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
  border-radius: 16px;
  border: 1px solid #888; }

.WcmsMediaUploadCtrl .thumbnail:hover > div.play {
  color: #444; }

.WcmsMediaUploadCtrl a:focus .thumbnail > div.name,
.WcmsMediaUploadCtrl .thumbnail:hover > div.name,
.WcmsMediaUploadCtrl .thumbnail.audio > div.name {
  visibility: visible; }

.WcmsMediaUploadCtrl a:focus .thumbnail > div.removeItem,
.WcmsMediaUploadCtrl .thumbnail:hover > div.removeItem {
  display: block; }

.WcmsMediaUploadCtrl .ui-button:hover {
  text-decoration: none !important; }
 /* Classes for Wcms-Modules */
.Wcms:not(.StoryTelling) .WcmsModule {
  background-color: transparent; }
  .Wcms:not(.StoryTelling) .WcmsModule .VideoShowModule {
    background-color: #fff;
    margin-top: -20px; }
  .Wcms:not(.StoryTelling) .WcmsModule .PictureGalleryShowJavascriptModule {
    background-color: #fff;
    margin-top: -20px; }

.Wcms:not(.StoryTelling) .WcmsContainer {
  background-color: #fff; }

.Wcms.StoryTelling #WallpaperBanner {
  display: none; }

.Wcms {
  background-color: #f9f9f5; }
  .Wcms .WcmsContainer.NextReadsHeading {
    background-color: #f9f9f5 !important; }

.WcmsModule {
  padding-bottom: 20px;
  padding-top: 20px;
  /* module links */ }
  @media screen and (min-width: 768px) {
    .WcmsModule.MaxModuleWidth {
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto; } }
  .WcmsModule.NoMarginBottom {
    margin-bottom: 0px; }
  .WcmsModule hr {
    border: 1px solid #DDDDDD; }
  .WcmsModule A.moreLink:active,
  .WcmsModule A.moreLink:link,
  .WcmsModule A.moreLink:visited {
    color: #00ca88;
    display: inline;
    font-weight: 500;
    padding-left: 0.66em; }

@media screen and (min-width: 768px) {
  .WcmsContainer.MaxContainerWidth {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto; } }

.headLine {
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: 1.7px;
  text-align: center;
  color: #2b6fc4;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-top: 25px; }
  .headLine.tickerheadLine {
    border-top: 1px solid #dedfd5;
    padding-top: 30px;
    padding-bottom: 20px; }
  .headLine.newsticker {
    border-bottom: 2px solid #2a9fe2;
    height: 76px;
    text-align: left;
    margin-left: -10px;
    margin-right: -10px;
    background-color: #fff;
    padding-left: 34px;
    padding-top: 30px; }
    @media screen and (max-width: 576px) {
      .headLine.newsticker {
        padding-left: 16px;
        padding-top: 18px; } }
    .headLine.newsticker > span:nth-of-type(1) {
      font-family: "HarrisonSerifPro";
      font-size: 35px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.63;
      letter-spacing: normal;
      color: #1e2b46;
      text-transform: none;
      margin-right: 20px; }
      @media screen and (max-width: 576px) {
        .headLine.newsticker > span:nth-of-type(1) {
          font-size: 27px;
          display: block; } }
    .headLine.newsticker > span:nth-of-type(2) {
      font-family: "Atlas Grotesk";
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.83;
      letter-spacing: normal;
      color: #8e8e8b;
      text-transform: none; }
      @media screen and (max-width: 576px) {
        .headLine.newsticker > span:nth-of-type(2) {
          display: block;
          margin-top: 4px; } }

.headLine-large {
  font-family: "HarrisonSerifPro";
  font-size: 35px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: center;
  color: #1e2b46;
  max-width: 644px;
  text-align: center;
  border-bottom: 12px solid #f0f0e9;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 22px; }
  @media screen and (max-width: 767px) {
    .headLine-large {
      font-size: 25px; } }

/* for module-help files */
.moduleHelpTitle {
  text-align: center;
  margin: 10px;
  background-color: #ffffe0; }
  .moduleHelpTitle h1 {
    font-size: 1.5em !important; }

.moduleHelpDescription {
  margin: 10px; }
  .moduleHelpDescription h2 {
    font-size: medium;
    color: Black; }

.moduleHelpRow {
  margin-left: 10px; }
  .moduleHelpRow div {
    float: left;
    width: 70%;
    margin-bottom: 5px; }
  .moduleHelpRow div:first-child {
    font-weight: bold;
    width: 30%; }

.moduleHelpButton span {
  Cursor: pointer;
  font-size: 1.0rem; }
 .PrintMotifRotatorModule .fi-printmotif-rotator-navigation {
  height: 50px;
  position: relative; }
  .PrintMotifRotatorModule .fi-printmotif-rotator-navigation div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%; }

.PrintMotifRotatorModule .fi-printmotif-rotator-prev {
  position: absolute;
  left: 0px;
  top: 0px; }

.PrintMotifRotatorModule .fi-printmotif-rotator-next {
  position: absolute;
  right: 0px;
  top: 0px; }

.PrintMotifRotatorModule .fi-printmotif-rotator-image {
  text-align: center;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }
  @media screen and (max-width: 768px) {
    .PrintMotifRotatorModule .fi-printmotif-rotator-image {
      width: 100%; } }
 .SearchModule {
  max-width: 400px; }
 /*for SocialNetworksBookmarksModule */
.SocialNetworksBookmarksModule {
  border-top: none; }
  .SocialNetworksBookmarksModule .headLine {
    display: block;
    margin-bottom: 5px; }
  .SocialNetworksBookmarksModule ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px 0px 0.66em; }
    .SocialNetworksBookmarksModule ul li {
      display: inline;
      margin-right: 0.3125em;
      vertical-align: baseline;
      padding-left: 0px;
      background: none; }
 /* PMODIF TS 2018-05-11 change video show */
/*for VideoShowModule */
.VideoShowModule {
  /* special css when using video show module in a inline box */ }
  .VideoShowModule .PianoContent {
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .VideoShowModule .VideoShowHeader {
    max-width: 644px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 78px;
    margin-bottom: 90px; }
    .VideoShowModule .VideoShowHeader.premium .VideoShowModuleTitle {
      text-align: center;
      margin-bottom: 18px; }
    .VideoShowModule .VideoShowHeader.premium .VideoShowHeading {
      text-align: center;
      font-size: 40px;
      font-weight: normal;
      line-height: 1.1; }
    .VideoShowModule .VideoShowHeader .VideoShowModuleTitle {
      font-family: "Atlas Grotesk";
      font-size: 11px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.55;
      letter-spacing: 1.5px;
      text-align: left;
      color: #1e2b46;
      text-transform: uppercase;
      margin-bottom: 11px; }
    .VideoShowModule .VideoShowHeader .VideoShowHeading {
      width: 100%;
      font-family: "HarrisonSerifPro";
      font-size: 35px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.14;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46;
      text-transform: none; }
    .VideoShowModule .VideoShowHeader .VideoDividerPremium {
      max-width: 644px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 59px;
      margin-bottom: 34px;
      height: 12px;
      background-color: #ffed3c; }
    .VideoShowModule .VideoShowHeader .VideoShowDescription {
      font-family: "Atlas Grotesk";
      font-size: 19px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.47;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46;
      text-transform: none;
      margin-top: 27px;
      margin-bottom: 29px; }
    .VideoShowModule .VideoShowHeader .VideoShowDateShare {
      height: 20px; }
      .VideoShowModule .VideoShowHeader .VideoShowDateShare .VideoShowDate {
        font-family: "Atlas Grotesk";
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.46;
        letter-spacing: normal;
        text-align: left;
        color: #8e8e8b;
        float: left; }
      .VideoShowModule .VideoShowHeader .VideoShowDateShare .AddToWatchListLink i {
        font-size: 16px; }
      .VideoShowModule .VideoShowHeader .VideoShowDateShare .ShowShare a:hover i {
        color: #00ca88; }
      @media screen and (max-width: 492px) {
        .VideoShowModule .VideoShowHeader .VideoShowDateShare .VideoShowDate {
          float: none;
          display: block; }
        .VideoShowModule .VideoShowHeader .VideoShowDateShare .ShowShare {
          float: none;
          display: block;
          margin-top: 44px; } }
    .VideoShowModule .VideoShowHeader .VideoDividerStd {
      max-width: 644px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 26px;
      height: 10px;
      background-color: #dedfd5; }
      @media screen and (max-width: 492px) {
        .VideoShowModule .VideoShowHeader .VideoDividerStd {
          margin-top: 106px; } }
  .VideoShowModule .VideoShowPlayer {
    max-width: 810px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*position:relative;*/
    /* html5 player */
    /* Youtube videos */
    /* flash, Silverlight videos */
    /* DataPrivacy Handling for Youtube and Other Videos */ }
    @media screen and (max-width: 492px) {
      .VideoShowModule .VideoShowPlayer {
        width: auto; } }
    .VideoShowModule .VideoShowPlayer video {
      background-color: #000; }
    .VideoShowModule .VideoShowPlayer .videoIFrameWrapper {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      height: 0; }
      .VideoShowModule .VideoShowPlayer .videoIFrameWrapper > div :hover {
        cursor: pointer; }
    .VideoShowModule .VideoShowPlayer .preview-doc-icon {
      position: absolute;
      top: -5px;
      background-color: #c2def5;
      right: 10px;
      top: 0px;
      z-index: 100;
      width: 166px;
      height: 60px; }
      .VideoShowModule .VideoShowPlayer .preview-doc-icon .glyph-wrapper {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        width: 72px; }
        .VideoShowModule .VideoShowPlayer .preview-doc-icon .glyph-wrapper .VideoDuration {
          font-family: "Atlas Grotesk";
          font-size: 16px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.31;
          letter-spacing: normal;
          text-align: center;
          color: #1e2b46;
          position: absolute; }
      @media screen and (max-width: 768px) {
        .VideoShowModule .VideoShowPlayer .preview-doc-icon {
          position: unset;
          background-color: #c2def5;
          z-index: 100;
          width: 100%;
          height: 40px;
          margin-bottom: -25px;
          padding-top: 10px;
          margin-top: 40px; }
          .VideoShowModule .VideoShowPlayer .preview-doc-icon .glyph-wrapper {
            margin-top: 0; } }
    .VideoShowModule .VideoShowPlayer .videoIFrameWrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .VideoShowModule .VideoShowPlayer .videoObjectWrapper {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      height: 0; }
      .VideoShowModule .VideoShowPlayer .videoObjectWrapper object, .VideoShowModule .VideoShowPlayer .videoObjectWrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement {
      height: 240px; }
      @media (max-width: 415px) {
        .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement input {
          margin-left: 50px;
          margin-top: 155px; } }
      @media (min-width: 415px) {
        .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement input {
          margin-top: 60px;
          margin-left: 240px; } }
    @media (max-width: 415px) {
      .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement.youtube {
        background-image: url("/Layout/News/DataPrivacyYoutube_Portrait.jpg"); } }
    @media (min-width: 415px) {
      .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement.youtube {
        background-image: url("/Layout/News/DataPrivacyYoutube_Landscape.jpg"); } }
    @media (max-width: 415px) {
      .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement.othervideo {
        background-image: url("/Layout/News/DataPrivacyOtherVideo_Portrait.jpg"); } }
    @media (min-width: 415px) {
      .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement.othervideo {
        background-image: url("/Layout/News/DataPrivacyOtherVideo_Landscape.jpg"); } }
    .VideoShowModule .VideoShowPlayer .VideoShowCopyright {
      float: left;
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: italic;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      text-align: left;
      color: #8e8e8b;
      margin-top: 13px; }
      @media screen and (max-width: 492px) {
        .VideoShowModule .VideoShowPlayer .VideoShowCopyright {
          margin-left: 15px;
          margin-right: 15px;
          width: auto; } }
  .VideoShowModule .VideoShowTags {
    max-width: 810px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #dedfd5;
    margin-top: 86px;
    padding-top: 34px;
    padding-bottom: 25px; }
    .VideoShowModule .VideoShowTags .VideoShowTagsTitle {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.54;
      letter-spacing: normal;
      text-align: left;
      color: #8e8e8b;
      display: block; }
    .VideoShowModule .VideoShowTags .VideoTags {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.54;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46;
      position: relative;
      border-bottom: 1px solid  #00ca88; }
      .VideoShowModule .VideoShowTags .VideoTags:hover {
        text-decoration: none;
        color: #00ca88;
        border-bottom: none; }
      .VideoShowModule .VideoShowTags .VideoTags:visited {
        text-decoration: none;
        color: #00ca88;
        border-bottom: none; }
  .InlineVideoBox .VideoShowModule .VideoShowPlayer {
    position: relative;
    margin-left: 0px;
    margin-top: 0px; }
  .InlineVideoBox .VideoShowModule .VideoShowAttributes {
    margin-left: 0px; }
  @media (min-width: 992px) {
    .InlineVideoShowModule .player-fullwidth .VideoShowModule .row .col-md-6,
    .InlineVideoSHowModule .player-fullwidth .VideoShowModule .row .col-md-6 {
      width: 100%; } }

.InlineVideoShowModule {
  margin-left: -10px;
  margin-right: -10px;
  background-color: #f5f5ef;
  padding-bottom: 34px; }
  .InlineVideoShowModule .VideoShowModule .VideoShowHeader {
    margin-top: 34px;
    margin-bottom: 0; }
    .InlineVideoShowModule .VideoShowModule .VideoShowHeader .VideoShowModuleTitle {
      font-family: "Atlas Grotesk";
      font-size: 11px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.55;
      letter-spacing: 1.5px;
      text-align: center;
      color: #1e2b46; }
    .InlineVideoShowModule .VideoShowModule .VideoShowHeader .VideoShowHeading {
      font-family: "Atlas Grotesk";
      font-size: 19px;
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.21;
      letter-spacing: normal;
      text-align: center;
      color: #1e2b46; }
  .InlineVideoShowModule .VideoShowModule .VideoShowPlayer {
    margin-top: 25px; }
  @media screen and (max-width: 768px) {
    .InlineVideoShowModule {
      margin-left: 0;
      margin-right: 0; }
      .InlineVideoShowModule .VideoShowModule {
        padding-left: 10px;
        padding-right: 10px; } }
 /*************************************************************************************************/
/* general Wcms stylesheet definitions */
/*************************************************************************************************/
/*************************************************************************************************/
/* general Wcms stylesheet definitions */
/*************************************************************************************************/
/*******************************************************/
/*spacing*/
/*******************************************************/
.margin-standard-center {
  margin-left: auto;
  margin-right: auto;
  max-width: 674px; }

.margin-top-0 {
  margin-top: 0em; }

.margin-top-05 {
  margin-top: 0.5em; }

.margin-top-10 {
  margin-top: 1.0em; }

.margin-top-15 {
  margin-top: 1.5em; }

.margin-top-20 {
  margin-top: 2.0em; }

.margin-top-25 {
  margin-top: 2.5em; }

.margin-top-30 {
  margin-top: 3.0em; }

.margin-top-35 {
  margin-top: 3.5em; }

.margin-top-40 {
  margin-top: 4.0em; }

.margin-top-45 {
  margin-top: 4.5em; }

.margin-top-50 {
  margin-top: 5.0em; }

.margin-top-55 {
  margin-top: 5.5em; }

.margin-top-60 {
  margin-top: 6.0em; }

.margin-top-minus-05 {
  margin-top: -0.5em; }

.margin-top-minus-10 {
  margin-top: -1.0em; }

.margin-top-minus-15 {
  margin-top: -1.5em; }

.margin-top-minus-20 {
  margin-top: -2.0em; }

.margin-top-minus-25 {
  margin-top: -2.5em; }

.margin-top-minus-30 {
  margin-top: -3.0em; }

.margin-top-minus-35 {
  margin-top: -3.5em; }

.margin-top-minus-40 {
  margin-top: -4.0em; }

.margin-top-minus-45 {
  margin-top: -4.5em; }

.margin-top-minus-50 {
  margin-top: -5.0em; }

.margin-top-minus-55 {
  margin-top: -5.5em; }

.margin-top-minus-60 {
  margin-top: -6.0em; }

.margin-right-0 {
  margin-right: 0em; }

.margin-right-05 {
  margin-right: 0.5em; }

.margin-right-10 {
  margin-right: 1.0em; }

.margin-right-15 {
  margin-right: 1.5em; }

.margin-right-20 {
  margin-right: 2.0em; }

.margin-right-25 {
  margin-right: 2.5em; }

.margin-right-30 {
  margin-right: 3.0em; }

.margin-right-35 {
  margin-right: 3.5em; }

.margin-right-40 {
  margin-right: 4.0em; }

.margin-right-45 {
  margin-right: 4.5em; }

.margin-right-50 {
  margin-right: 5.0em; }

.margin-right-55 {
  margin-right: 5.5em; }

.margin-right-60 {
  margin-right: 6.0em; }

.margin-left-0 {
  margin-left: 0em; }

.margin-left-05 {
  margin-left: 0.5em; }

.margin-left-10 {
  margin-left: 1.0em; }

.margin-left-15 {
  margin-left: 1.5em; }

.margin-left-20 {
  margin-left: 2.0em; }

.margin-left-25 {
  margin-left: 2.5em; }

.margin-left-30 {
  margin-left: 3.0em; }

.margin-left-35 {
  margin-left: 3.5em; }

.margin-left-40 {
  margin-left: 4.0em; }

.margin-left-45 {
  margin-left: 4.5em; }

.margin-left-50 {
  margin-left: 5.0em; }

.margin-left-55 {
  margin-left: 5.5em; }

.margin-left-60 {
  margin-left: 6.0em; }

.margin-bottom-0 {
  margin-bottom: 0em; }

.margin-bottom-05 {
  margin-bottom: 0.5em; }

.margin-bottom-10 {
  margin-bottom: 1.0em; }

.margin-bottom-15 {
  margin-bottom: 1.5em; }

.margin-bottom-20 {
  margin-bottom: 2.0em; }

.margin-bottom-25 {
  margin-bottom: 2.5em; }

.margin-bottom-30 {
  margin-bottom: 3.0em; }

.margin-bottom-35 {
  margin-bottom: 3.5em; }

.margin-bottom-40 {
  margin-bottom: 4.0em; }

.margin-bottom-45 {
  margin-bottom: 4.5em; }

.margin-bottom-50 {
  margin-bottom: 5.0em; }

.margin-bottom-55 {
  margin-bottom: 5.5em; }

.margin-bottom-60 {
  margin-bottom: 6.0em; }

.margin-bottom-minus-05 {
  margin-bottom: -0.5em; }

.margin-bottom-minus-10 {
  margin-bottom: -1.0em; }

.margin-bottom-minus-15 {
  margin-bottom: -1.5em; }

.margin-bottom-minus-20 {
  margin-bottom: -2.0em; }

.margin-bottom-minus-25 {
  margin-bottom: -2.5em; }

.margin-bottom-minus-30 {
  margin-bottom: -3.0em; }

.margin-bottom-minus-35 {
  margin-bottom: -3.5em; }

.margin-bottom-minus-40 {
  margin-bottom: -4.0em; }

.margin-bottom-minus-45 {
  margin-bottom: -4.5em; }

.margin-bottom-minus-50 {
  margin-bottom: -5.0em; }

.margin-bottom-minus-55 {
  margin-bottom: -5.5em; }

.margin-bottom-minus-60 {
  margin-bottom: -6.0em; }

.padding-top-05 {
  padding-top: 0.5em; }

.padding-top-10 {
  padding-top: 1.0em; }

.padding-top-15 {
  padding-top: 1.5em; }

.padding-top-20 {
  padding-top: 2.0em; }

.padding-top-25 {
  padding-top: 2.5em; }

.padding-top-30 {
  padding-top: 3.0em; }

.padding-right-05 {
  padding-right: 0.5em; }

.padding-right-10 {
  padding-right: 1.0em; }

.padding-right-15 {
  padding-right: 1.5em; }

.padding-right-20 {
  padding-right: 2.0em; }

.padding-right-25 {
  padding-right: 2.5em; }

.padding-right-30 {
  padding-right: 3.0em; }

.padding-left-05 {
  padding-left: 0.5em; }

.padding-left-10 {
  padding-left: 1.0em; }

.padding-left-15 {
  padding-left: 1.5em; }

.padding-left-20 {
  padding-left: 2.0em; }

.padding-left-25 {
  padding-left: 2.5em; }

.padding-left-30 {
  padding-left: 3.0em; }

.padding-bottom-05 {
  padding-bottom: 0.5em; }

.padding-bottom-10 {
  padding-bottom: 1.0em; }

.padding-bottom-15 {
  padding-bottom: 1.5em; }

.padding-bottom-20 {
  padding-bottom: 2.0em; }

.padding-bottom-25 {
  padding-bottom: 2.5em; }

.padding-bottom-30 {
  padding-bottom: 3.0em; }

.block-margin-top {
  margin-top: 2em; }
  @media screen and (min-width: 768px) {
    .block-margin-top {
      margin-top: 5em; } }

/*******************************************************/
/*table*/
/*******************************************************/
table.word-wrap {
  table-layout: fixed;
  width: 100%; }
  table.word-wrap td {
    overflow-wrap: break-word;
    word-wrap: break-word; }

/*******************************************************/
/*border*/
/*******************************************************/
.border-top-10 {
  border-style: solid none none none;
  border-top-width: 1px;
  border-color: #cccccc;
  padding-top: 1.0em; }

.border-bottom-10 {
  border-style: none none solid none;
  border-bottom-width: 1px;
  border-color: #cccccc;
  padding-bottom: 1.0em; }

.border-top--bottom-10 {
  border-style: solid none solid none;
  border-width: 1px;
  border-color: #cccccc;
  padding-top: 1.0em;
  padding-bottom: 1.0em; }

/*************************************************************************************************/
/* enhancement for submenus */
/*************************************************************************************************/
.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu.open > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px; }

/*************************************************************************************************/
/* misc */
/*************************************************************************************************/
/* need to adapt height of buttons in button groups */
.input-group-btn button {
  height: 36px; }

.borderBottom {
  border-style: none none solid none;
  border-width: 1px;
  border-color: #ccc; }

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

.no-row {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.no-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.no-padding-right {
  padding-right: 0; }

.no-padding-left {
  padding-left: 0; }

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.row.vertical-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.row.vdivide [class*='col-']:not(:last-child) {
  border-right-style: solid;
  border-width: 1px;
  border-color: #ccc; }

/*centered position of things*/
.centered {
  text-align: center; }

/* clear styles before using element */
.clear {
  clear: both; }

/* background-colors in gray */
.bkg-gray-darker {
  background-color: #222222; }

.bkg-gray {
  background-color: #555555; }

.bkg-gray-light {
  background-color: #777777; }

.bkg-gray-lighter {
  background-color: #cccccc; }

.bkg-gray-lightest {
  background-color: #eeeeee; }

/*************************************************************************************************/
.WcmsError {
  font-family: "Atlas Grotesk";
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #1e2b46; }

/*************************************************************************************************/
.WcmsHint {
  color: #0000ff; }

/*************************************************************************************************/
.WcmsSmall {
  font-size: 0.8em; }

/*************************************************************************************************/
.WcmsSmallBR {
  font-size: 0.3em; }

/*************************************************************************************************/
input[type=text].WcmsError {
  color: Black;
  font-weight: normal;
  background-color: #f0686b; }

/*************************************************************************************************/
/* bootstrap extension */
/*************************************************************************************************/
.form-group.required .control-label:after {
  content: "*";
  margin-left: 0.3em;
  font-size: 0.8em; }

.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear; }

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); }
  to {
    -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg); } }

@-o-keyframes spin {
  from {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg); }
  to {
    -o-transform: scale(1) rotate(360deg);
       transform: scale(1) rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); }
  to {
    -webkit-transform: scale(1) rotate(360deg);
         -o-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg); } }

/*************************************************************************************************/
/* bootstrap fixes */
/*************************************************************************************************/
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 36px; }
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 1.428571429; }

/*************************************************************************************************/
/* bootstrap-validator */
/*************************************************************************************************/
.help-block.with-errors {
  margin-top: 0px;
  margin-bottom: 0px; }
  .help-block.with-errors ul.list-unstyled {
    margin-top: 5px;
    margin-bottom: 5px; }

.panel-body .help-block.with-errors ul.list-unstyled {
  padding-left: 15px;
  padding-right: 15px; }

.form-horizontal .help-block.with-errors ul.list-unstyled {
  padding-left: 15px;
  padding-right: 15px;
  text-align: right; }

/*************************************************************************************************/
/* jquery-ui defaults */
/*************************************************************************************************/
/* Do not let the modal dialogs appear too big! */
body > .ui-dialog.ui-widget,
body > .ui-datepicker.ui-widget {
  font-size: small; }

/* Default for collapsible content */
.ui-autocomplete {
  font-size: 0.9em;
  white-space: nowrap; }

/*************************************************************************************************/
/* jquery-ui defaults */
/*************************************************************************************************/
/* Do not let the modal dialogs appear too big! */
body > .ui-dialog.ui-widget {
  font-size: small; }

/* Do not let the datepicker appear too big! */
body > .ui-datepicker.ui-widget {
  font-size: small; }

/* Do not let the timepicker dialogs appear too big! */
body > .ui-timepicker.ui-widget {
  font-size: small;
  /*bootstrap crashes the style of jquery timepicker */ }
  body > .ui-timepicker.ui-widget .ui-timepicker-hour-cell > a, body > .ui-timepicker.ui-widget .ui-timepicker-minute-cell > a {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box; }

/* Default for collapsible content */
.ui-autocomplete {
  font-size: 0.9em;
  white-space: nowrap; }

/*************************************************************************************************/
.Wcms {
  background-color: #f9f9f5; }
  .Wcms a.text-link:active,
  .Wcms a.text-link:link,
  .Wcms a.text-link:visited {
    color: #666;
    font-weight: 600;
    text-decoration: underline; }
  .Wcms .btn-secondary {
    color: #009ee0;
    background-color: #DDD;
    border-color: #ccc; }
    .Wcms .btn-secondary:focus, .Wcms .btn-secondary.focus {
      color: #009ee0;
      background-color: #c4c4c4;
      border-color: #8c8c8c; }
    .Wcms .btn-secondary:hover {
      color: #009ee0;
      background-color: #c4c4c4;
      border-color: #adadad; }
    .Wcms .btn-secondary:active, .Wcms .btn-secondary.active,
    .open > .Wcms .btn-secondary.dropdown-toggle {
      color: #009ee0;
      background-color: #c4c4c4;
      background-image: none;
      border-color: #adadad; }
      .Wcms .btn-secondary:active:hover, .Wcms .btn-secondary:active:focus, .Wcms .btn-secondary:active.focus, .Wcms .btn-secondary.active:hover, .Wcms .btn-secondary.active:focus, .Wcms .btn-secondary.active.focus,
      .open > .Wcms .btn-secondary.dropdown-toggle:hover,
      .open > .Wcms .btn-secondary.dropdown-toggle:focus,
      .open > .Wcms .btn-secondary.dropdown-toggle.focus {
        color: #009ee0;
        background-color: #b2b2b2;
        border-color: #8c8c8c; }
    .Wcms .btn-secondary.disabled:hover, .Wcms .btn-secondary.disabled:focus, .Wcms .btn-secondary.disabled.focus, .Wcms .btn-secondary[disabled]:hover, .Wcms .btn-secondary[disabled]:focus, .Wcms .btn-secondary[disabled].focus,
    fieldset[disabled] .Wcms .btn-secondary:hover,
    fieldset[disabled] .Wcms .btn-secondary:focus,
    fieldset[disabled] .Wcms .btn-secondary.focus {
      background-color: #DDD;
      border-color: #ccc; }
    .Wcms .btn-secondary .badge {
      color: #DDD;
      background-color: #009ee0; }
  .Wcms .btn-file {
    position: relative;
    overflow: hidden; }
    .Wcms .btn-file input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      font-size: 100px;
      text-align: right;
      filter: alpha(opacity=0);
      opacity: 0;
      outline: none;
      background: white;
      cursor: inherit;
      display: block; }
  .Wcms .col-edit-button {
    text-align: left;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .Wcms .col-edit-button {
        text-align: right;
        margin-top: 0px; } }
  .Wcms .WcmsContentHeader h1 {
    display: block;
    color: #009ee0;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #ccc;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: normal; }
  .Wcms .no-textdecoration {
    text-decoration: none; }
 ol.breadcrumb {
  margin-top: -1.5em; }
 /*************************************************************************************************/
/* footer of the website */
/*************************************************************************************************/
.CustomFooter {
  margin-top: 60px; }
  .CustomFooter > div.row {
    margin-left: 0;
    margin-right: 0; }
  .CustomFooter .WcmsFooter {
    padding-bottom: 0; }
  .CustomFooter .HtmlModule .HtmlModuleContent > div {
    background-color: #1e2b46;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -25px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px; }
    .CustomFooter .HtmlModule .HtmlModuleContent > div .CompanyImage {
      text-align: center; }
      .CustomFooter .HtmlModule .HtmlModuleContent > div .CompanyImage img {
        margin-top: 40px;
        width: 182px; }
        @media screen and (max-width: 644px) {
          .CustomFooter .HtmlModule .HtmlModuleContent > div .CompanyImage img {
            width: 160px; } }
    .CustomFooter .HtmlModule .HtmlModuleContent > div .FirstRow {
      text-align: center;
      padding: 0;
      margin-top: 40px; }
      .CustomFooter .HtmlModule .HtmlModuleContent > div .FirstRow ul {
        color: #dedfd5;
        list-style-type: none;
        padding: 0; }
        .CustomFooter .HtmlModule .HtmlModuleContent > div .FirstRow ul li {
          color: #dedfd5;
          display: inline;
          padding-left: 10px;
          padding-right: 10px; }
          @media screen and (max-width: 644px) {
            .CustomFooter .HtmlModule .HtmlModuleContent > div .FirstRow ul li {
              display: block;
              padding-top: 5px;
              padding-bottom: 5px; } }
          .CustomFooter .HtmlModule .HtmlModuleContent > div .FirstRow ul li a {
            color: #dedfd5;
            font-family: "Atlas Grotesk";
            font-size: 11px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left; }
            @media screen and (max-width: 768px) {
              .CustomFooter .HtmlModule .HtmlModuleContent > div .FirstRow ul li a {
                font-size: 12px; } }
        .CustomFooter .HtmlModule .HtmlModuleContent > div .FirstRow ul li.Highlight a {
          color: #ffed3c; }
    .CustomFooter .HtmlModule .HtmlModuleContent > div .Divider {
      width: 644px;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.1);
      margin-left: auto;
      margin-right: auto;
      margin-top: 25px; }
      @media screen and (max-width: 644px) {
        .CustomFooter .HtmlModule .HtmlModuleContent > div .Divider {
          width: 289px; } }
    .CustomFooter .HtmlModule .HtmlModuleContent > div .SecondRow {
      text-align: center;
      padding: 0;
      margin-top: 24px; }
      .CustomFooter .HtmlModule .HtmlModuleContent > div .SecondRow ul {
        color: #dedfd5;
        list-style-type: none;
        padding: 0; }
        .CustomFooter .HtmlModule .HtmlModuleContent > div .SecondRow ul li {
          color: #dedfd5;
          display: inline;
          padding-left: 10px;
          padding-right: 10px; }
          @media screen and (max-width: 644px) {
            .CustomFooter .HtmlModule .HtmlModuleContent > div .SecondRow ul li {
              display: block;
              padding-top: 5px;
              padding-bottom: 5px; } }
          .CustomFooter .HtmlModule .HtmlModuleContent > div .SecondRow ul li a {
            color: #dedfd5;
            font-family: "Atlas Grotesk";
            font-size: 11px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left; }
            @media screen and (max-width: 768px) {
              .CustomFooter .HtmlModule .HtmlModuleContent > div .SecondRow ul li a {
                font-size: 12px; } }
        .CustomFooter .HtmlModule .HtmlModuleContent > div .SecondRow ul li.Highlight a {
          color: #ffed3c; }
    .CustomFooter .HtmlModule .HtmlModuleContent > div .ToTop {
      margin-top: 46px;
      width: 182px;
      height: 40px;
      border-radius: 3px;
      background-color: #1e2b46;
      border: solid 1px #4b556b;
      margin-left: auto;
      margin-right: auto; }
      .CustomFooter .HtmlModule .HtmlModuleContent > div .ToTop :hover {
        border: solid 1px #f5f5ef;
        cursor: pointer; }
      @media screen and (max-width: 644px) {
        .CustomFooter .HtmlModule .HtmlModuleContent > div .ToTop {
          margin-top: 36px; } }
      .CustomFooter .HtmlModule .HtmlModuleContent > div .ToTop > div {
        font-family: "Atlas Grotesk";
        font-size: 11px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.55;
        letter-spacing: 1.5px;
        text-align: center;
        color: #f0f0e9;
        text-transform: uppercase;
        margin-top: 10px; }
    .CustomFooter .HtmlModule .HtmlModuleContent > div .CompanyName {
      margin-top: 30px;
      font-family: "Atlas Grotesk";
      font-size: 11px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #8e8e8b; }
 /*for WcmsFormModule */
.WcmsFormModule .WcmsFormModuleContainer {
  max-width: 644px;
  margin-left: auto;
  margin-right: auto; }

.WcmsFormModule .WcmsFormErrorMessages {
  text-align: center; }
  .WcmsFormModule .WcmsFormErrorMessages .WcmsError {
    font-family: "Atlas Grotesk";
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #d90e44; }

.WcmsFormModule .headLine-large {
  text-align: left; }

.WcmsFormModule .HtmlModuleContent p {
  font-family: "Atlas Grotesk";
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #1e2b46; }

.WcmsFormModule .HtmlModuleContent a {
  font-family: "Atlas Grotesk";
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #1e2b46; }

.WcmsFormModule h2 {
  text-align: center; }

.WcmsFormModule .fi-form-row label {
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46; }

.WcmsFormModule .fi-form-row .WcmsFormInput {
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46;
  /*border-radius: 4px;*/
  /*border: solid 1px #dedfd5;*/ }
  .WcmsFormModule .fi-form-row .WcmsFormInput :focus {
    /*border: solid 1px #dedfd5;*/
    -webkit-box-shadow: none;
            box-shadow: none; }
  .WcmsFormModule .fi-form-row .WcmsFormInput :hover {
    /*border: solid 1px #8e8e8b;*/ }

.WcmsFormModule .fi-form-row .WcmsFormLabel {
  font-weight: bold;
  text-align: left; }

.WcmsFormModule .WcmsFormCaptchaHolder label {
  text-align: left; }

.WcmsFormModule .WcmsFormCaptchaHolder .input-group-addon {
  padding-top: 2px;
  padding-bottom: 2px; }

.WcmsFormModule .WcmsFormSubmit {
  text-align: center;
  margin-top: 30px; }
  .WcmsFormModule .WcmsFormSubmit .btn-primary {
    /*width: 153px;*/
    height: 40px;
    border-radius: 4px;
    background-color: #00ca88;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center;
    color: #f5f5ef;
    text-transform: uppercase; }

.WcmsFormModule .WcmsFormFormSubmitted {
  text-align: center; }
 .WcmsHeader {
  /* PMODIF TS 2018-06-18 changes due to sticky nav */
  background-color: #fff;
  z-index: 998 !important;
  border-bottom: 1px solid #dedfd5; }
  .WcmsHeader .NavigationHeader {
    background-color: #fff; }
    .WcmsHeader .NavigationHeader .TopNavigationLeft {
      margin-left: 30px;
      min-width: 255px; }
      @media screen and (max-width: 992px) {
        .WcmsHeader .NavigationHeader .TopNavigationLeft {
          min-width: 122px; } }
    .WcmsHeader .NavigationHeader .TopNavigationRight {
      margin-right: 30px;
      min-width: 255px;
      text-align: right; }
      @media screen and (max-width: 992px) {
        .WcmsHeader .NavigationHeader .TopNavigationRight {
          min-width: 122px; } }
  @media screen and (max-width: 768px) {
    .WcmsHeader {
      background-color: transparent; } }
  .WcmsHeader .WcmsHeaderLoginLinkModule {
    display: inline-block; }
    .WcmsHeader .WcmsHeaderLoginLinkModule .LoginLinkModule .fi-login-content a {
      font-family: "Atlas Grotesk";
      font-size: 9px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.89;
      letter-spacing: 1.2px;
      text-align: right;
      color: #1e2b46; }
      .WcmsHeader .WcmsHeaderLoginLinkModule .LoginLinkModule .fi-login-content a:hover span {
        color: #009ee0; }
      .WcmsHeader .WcmsHeaderLoginLinkModule .LoginLinkModule .fi-login-content a:hover path, .WcmsHeader .WcmsHeaderLoginLinkModule .LoginLinkModule .fi-login-content a:hover polygon {
        fill: #009ee0; }
      @media screen and (max-width: 992px) {
        .WcmsHeader .WcmsHeaderLoginLinkModule .LoginLinkModule .fi-login-content a span {
          display: none; } }
  .WcmsHeader .NavBurger,
  .WcmsHeader .NavBurgerClose,
  .WcmsHeader .NavSearch,
  .WcmsHeader .NavSearchClose,
  .WcmsHeader .NavUserLogin,
  .WcmsHeader .NavUserLogout,
  .WcmsHeader .NavUserClose {
    vertical-align: middle; }
  .WcmsHeader .NavBurgerClose,
  .WcmsHeader .NavSearchClose,
  .WcmsHeader .NavUserClose {
    display: none; }
    .WcmsHeader .NavBurgerClose path, .WcmsHeader .NavBurgerClose polygon,
    .WcmsHeader .NavSearchClose path,
    .WcmsHeader .NavSearchClose polygon,
    .WcmsHeader .NavUserClose path,
    .WcmsHeader .NavUserClose polygon {
      fill: #009ee0; }
  .WcmsHeader .NavUserLogin.fi-login-content,
  .WcmsHeader .NavUserLogout fi-logout-content {
    display: none; }
  .WcmsHeader .NavUserLogout.fi-logout-content path, .WcmsHeader .NavUserLogout.fi-logout-content polygon {
    fill: #009ee0; }
  .WcmsHeader .NavPremiumIcon {
    height: 14px;
    vertical-align: middle;
    margin-right: 0px;
    margin-right: 3px;
    margin-top: -2px; }
    .WcmsHeader .NavPremiumIcon path, .WcmsHeader .NavPremiumIcon polygon {
      fill: #009ee0; }
  .WcmsHeader a.HeaderPremiumPage .HeaderNavLogo {
    height: 15px;
    margin-left: 15px; }
  .WcmsHeader a.HeaderPremiumPage .HeaderNavLogo[alt*='Hellweger Anzeiger'] {
    height: 30px;
    margin-left: 15px; }
  .WcmsHeader a.HeaderPremiumPage .HeaderPremiumIcon {
    height: 14px;
    vertical-align: middle;
    margin-right: 0px;
    margin-top: 0px;
    margin-left: 30px;
    width: 28px;
    /*fix for IE*/ }
    .WcmsHeader a.HeaderPremiumPage .HeaderPremiumIcon path,
    .WcmsHeader a.HeaderPremiumPage .HeaderPremiumIcon polygon {
      fill: #009ee0; }
  .WcmsHeader a.HeaderPremiumPage span {
    font-family: "HarrisonSerifPro";
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    color: #1e2b46; }
    @media screen and (max-width: 992px) {
      .WcmsHeader a.HeaderPremiumPage span:not(.NewPremiumStoryCount) {
        display: none; } }
  .WcmsHeader a.HeaderPremiumPage:hover {
    text-decoration: none;
    color: #009ee0;
    /*.HeaderPremiumIcon
			{
				path,
				polygon
				{
					fill: $cust-brand-yellow;
				}
			}*/ }
    .WcmsHeader a.HeaderPremiumPage:hover span:not(.NewPremiumStoryCount) {
      color: #009ee0; }
  @media screen and (max-width: 992px) {
    .WcmsHeader a.HeaderPremiumPage {
      display: none; } }
  .WcmsHeader .dropdown .NavPremiumIcon path, .WcmsHeader .dropdown .NavPremiumIcon polygon {
    fill: #1e2b46; }
  .WcmsHeader .NewPremiumStoryCount {
    font-family: "Atlas Grotesk";
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46;
    background-color: #ffe023;
    border-radius: 4px;
    padding: 1px 1px;
    margin-left: 3px;
    width: 16px;
    height: 16px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px; }
  .WcmsHeader .rn-ico {
    color: #1e2b46; }
  .WcmsHeader span {
    font-family: "Atlas Grotesk";
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.89;
    letter-spacing: 1.2px;
    text-align: right;
    color: #1e2b46; }
  .WcmsHeader .TopNavigation {
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center; }
    .WcmsHeader .TopNavigation ul {
      margin-left: 30px;
      margin-bottom: 0;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 5px; }
      .WcmsHeader .TopNavigation ul li {
        display: inline;
        padding-left: 6px;
        padding-right: 6px; }
        .WcmsHeader .TopNavigation ul li span {
          color: #9c9c9c; }
        .WcmsHeader .TopNavigation ul li a {
          font-family: "Atlas Grotesk";
          font-size: 9px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.56;
          letter-spacing: 0.9px;
          color: #9c9c9c;
          text-transform: uppercase;
          white-space: nowrap; }
          .WcmsHeader .TopNavigation ul li a:hover {
            text-decoration: none;
            color: #00ca88; }
  .WcmsHeader .SearchModule {
    padding-top: 43px;
    padding-bottom: 42px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 768px) {
      .WcmsHeader .SearchModule {
        padding-top: 5px;
        padding-bottom: 5px; } }
    .WcmsHeader .SearchModule .fi-search-box {
      height: 50px;
      font-family: "Atlas Grotesk";
      font-size: 15px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.27;
      letter-spacing: normal;
      color: #8e8e8b;
      border-top-left-radius: 4px !important;
      border-top-right-radius: 0;
      border-bottom-left-radius: 4px !important;
      border-bottom-right-radius: 0;
      border: solid 1px #dedfd5;
      background-color: #fff;
      /*@media screen and (max-width:768px)
			{
				height: 40px;
			}*/ }
      .WcmsHeader .SearchModule .fi-search-box:hover {
        border: solid 1px #8e8e8b; }
        .WcmsHeader .SearchModule .fi-search-box:hover ~ span button {
          border: solid 1px #8e8e8b; }
      .WcmsHeader .SearchModule .fi-search-box:focus {
        -webkit-box-shadow: none;
                box-shadow: none; }
    .WcmsHeader .SearchModule.input-group button {
      border-top-left-radius: 0;
      border-top-right-radius: 4px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 4px;
      padding-top: 2px; }
      .WcmsHeader .SearchModule.input-group button:hover {
        border: solid 1px #8e8e8b; }
      .WcmsHeader .SearchModule.input-group button i {
        font-size: 16px; }
    .WcmsHeader .SearchModule button {
      height: 50px;
      border: solid 1px #dedfd5;
      background-color: #fff; }
  .WcmsHeader .DesktopHeaderSearchBox,
  .WcmsHeader .DesktopHeaderBurger {
    display: inline-block;
    padding-top: 3px; }
    .WcmsHeader .DesktopHeaderSearchBox:hover,
    .WcmsHeader .DesktopHeaderBurger:hover {
      cursor: pointer; }
      .WcmsHeader .DesktopHeaderSearchBox:hover span,
      .WcmsHeader .DesktopHeaderBurger:hover span {
        color: #009ee0; }
      .WcmsHeader .DesktopHeaderSearchBox:hover path, .WcmsHeader .DesktopHeaderSearchBox:hover polygon,
      .WcmsHeader .DesktopHeaderBurger:hover path,
      .WcmsHeader .DesktopHeaderBurger:hover polygon {
        fill: #009ee0; }
    .WcmsHeader .DesktopHeaderSearchBox.green span,
    .WcmsHeader .DesktopHeaderBurger.green span {
      color: #009ee0; }
    .WcmsHeader .DesktopHeaderSearchBox.green path, .WcmsHeader .DesktopHeaderSearchBox.green polygon,
    .WcmsHeader .DesktopHeaderBurger.green path,
    .WcmsHeader .DesktopHeaderBurger.green polygon {
      fill: #009ee0; }
    @media screen and (max-width: 992px) {
      .WcmsHeader .DesktopHeaderSearchBox span,
      .WcmsHeader .DesktopHeaderBurger span {
        display: none; } }
  .WcmsHeader .DesktopHeaderSearchBox {
    margin-right: 30px; }
  .WcmsHeader #DesktopNavigation {
    height: 100vh; }
    .WcmsHeader #DesktopNavigation.navbar-default {
      background-color: #fff;
      border-color: #dedfd5;
      border-right: 1px solid #dedfd5;
      /*box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);*/ }
      .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav a {
        font-family: "HarrisonSerifPro";
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.13;
        letter-spacing: normal;
        color: #1e2b46;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 30px; }
        @media screen and (max-width: 768px) {
          .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav a {
            padding-top: 16px;
            padding-bottom: 16px; } }
        .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav a:hover {
          color: #1e2b46;
          background-color: #f0f0e9; }
          .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav a:hover .NavPremiumIcon path, .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav a:hover .NavPremiumIcon polygon {
            fill: #1e2b46; }
        .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav a:active, .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav a:visited {
          background-color: #f0f0e9; }
        .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav a .caret {
          position: absolute;
          right: 20px;
          top: 26px; }
      .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav .dropdown.open ul li {
        border: none; }
      .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav .dropdown.open ul a, .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav .dropdown.open ul a:active, .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav .dropdown.open ul a:focus {
        color: #1e2b46;
        font-family: "Atlas Grotesk";
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.38;
        letter-spacing: normal;
        color: #1e2b46;
        padding-top: 5px;
        padding-bottom: 5px; }
      .WcmsHeader #DesktopNavigation.navbar-default .navbar-nav .dropdown.open ul a:hover {
        color: #00ca88; }
      .WcmsHeader #DesktopNavigation.navbar-default .dropdown-menu {
        position: relative;
        float: none;
        background-color: #f0f0e9;
        border: none;
        border-top: 1px solid #dedfd5;
        border-radius: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
        padding: 0; }
        .WcmsHeader #DesktopNavigation.navbar-default .dropdown-menu ul li {
          border-bottom: none; }
    .WcmsHeader #DesktopNavigation.navbar {
      position: absolute;
      top: 43px;
      max-width: 250px;
      width: 250px;
      z-index: 1000; }
      .WcmsHeader #DesktopNavigation.navbar ul {
        width: 100%;
        /*border-top: 1px solid #dedfd5;*/ }
        .WcmsHeader #DesktopNavigation.navbar ul li {
          float: none;
          border-bottom: 1px solid #dedfd5; }
    .WcmsHeader #DesktopNavigation .navbar-collapse {
      padding-left: 0;
      padding-right: 0; }
  .WcmsHeader #MobileNavigation {
    /* PMODIF TS 2018-06-19 changed layout */
    z-index: 1000 !important; }
    .WcmsHeader #MobileNavigation #m_wdivMobileSearchNavbar {
      border-top: solid 1px #dedfd5;
      border-bottom: solid 1px #dedfd5; }
    .WcmsHeader #MobileNavigation.navbar {
      margin-bottom: 0; }
    .WcmsHeader #MobileNavigation.navbar-default {
      background-color: #fff; }
      .WcmsHeader #MobileNavigation.navbar-default .navbar-brand {
        padding: 10px 10px 10px 10px; }
        .WcmsHeader #MobileNavigation.navbar-default .navbar-brand:hover, .WcmsHeader #MobileNavigation.navbar-default .navbar-brand:active, .WcmsHeader #MobileNavigation.navbar-default .navbar-brand:visited {
          background-color: #fff; }
      .WcmsHeader #MobileNavigation.navbar-default .navbar-header button:hover,
      .WcmsHeader #MobileNavigation.navbar-default .navbar-header button:focus {
        background-color: #fff; }
        .WcmsHeader #MobileNavigation.navbar-default .navbar-header button:hover path, .WcmsHeader #MobileNavigation.navbar-default .navbar-header button:hover polygon,
        .WcmsHeader #MobileNavigation.navbar-default .navbar-header button:focus path,
        .WcmsHeader #MobileNavigation.navbar-default .navbar-header button:focus polygon {
          fill: #009ee0; }
      .WcmsHeader #MobileNavigation.navbar-default .navbar-toggle {
        margin-top: 0;
        margin-bottom: 0; }
        .WcmsHeader #MobileNavigation.navbar-default .navbar-toggle.MobileBurgerButton {
          position: absolute;
          top: 0;
          right: 8px; }
        .WcmsHeader #MobileNavigation.navbar-default .navbar-toggle.NavUserLogin {
          position: absolute;
          top: 0;
          left: 8px; }
        .WcmsHeader #MobileNavigation.navbar-default .navbar-toggle .icon-bar {
          background-color: #009ee0; }
      .WcmsHeader #MobileNavigation.navbar-default .navbar-form {
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none; }
      .WcmsHeader #MobileNavigation.navbar-default .navbar-nav {
        margin-top: 0;
        margin-bottom: 0; }
        .WcmsHeader #MobileNavigation.navbar-default .navbar-nav li {
          border-bottom: 1px solid #dedfd5; }
          .WcmsHeader #MobileNavigation.navbar-default .navbar-nav li a {
            font-family: "HarrisonSerifPro";
            font-size: 18px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 0.83;
            letter-spacing: normal;
            color: #1e2b46;
            padding-top: 20px;
            padding-bottom: 20px; }
            .WcmsHeader #MobileNavigation.navbar-default .navbar-nav li a .caret {
              float: right;
              color: #1e2b46; }
            .WcmsHeader #MobileNavigation.navbar-default .navbar-nav li a:hover {
              color: #1e2b46;
              background-color: #f0f0e9; }
              .WcmsHeader #MobileNavigation.navbar-default .navbar-nav li a:hover svg.NavPremiumIcon path, .WcmsHeader #MobileNavigation.navbar-default .navbar-nav li a:hover svg.NavPremiumIcon polygon {
                fill: #1e2b46; }
              .WcmsHeader #MobileNavigation.navbar-default .navbar-nav li a:hover .caret {
                color: #1e2b46; }
        .WcmsHeader #MobileNavigation.navbar-default .navbar-nav .open li {
          border-bottom: none; }
        .WcmsHeader #MobileNavigation.navbar-default .navbar-nav .open a {
          color: #1e2b46;
          padding-top: 15px;
          padding-bottom: 15px;
          background-color: #f0f0e9; }
          .WcmsHeader #MobileNavigation.navbar-default .navbar-nav .open a span.caret {
            float: right;
            color: #1e2b46; }
        .WcmsHeader #MobileNavigation.navbar-default .navbar-nav .open .dropdown-menu {
          background-color: #f0f0e9;
          border: none;
          border-top: 1px solid #dedfd5;
          border-radius: 0;
          -webkit-box-shadow: none;
                  box-shadow: none;
          padding: 0; }
    .WcmsHeader #MobileNavigation .navbar-collapse {
      background-color: #fff;
      border-color: #dedfd5;
      border: none; }
      .WcmsHeader #MobileNavigation .navbar-collapse button {
        height: 50px;
        border: solid 1px #dedfd5;
        background-color: #fff; }

/*************************************************************************************************/
/* navigation links in the header */
/*************************************************************************************************/
#WcmsLogoInsideNavigation {
  display: none; }

.WcmsPageLogo {
  text-align: center;
  /*margin-top:40px;*/
  background-color: #fff;
  border-bottom: 1px solid #dedfd5; }

#WcmsLogo img {
  margin-bottom: 21px;
  margin-top: 27px;
  width: 237px;
  height: auto; }

#WcmsLogo svg {
  margin-bottom: 21px;
  margin-top: 27px;
  width: 237px;
  height: auto; }

#WcmsLogoXs {
  height: 100%;
  padding-top: 11px;
  padding-bottom: 7px;
  display: block;
  float: none;
  text-align: center; }
  #WcmsLogoXs img {
    width: 175px;
    height: auto;
    display: inline-block; }
  #WcmsLogoXs svg {
    width: 140px;
    height: auto; }

#MobileNavigation .navbar-toggle {
  margin-right: 0px; }

/*************************************************************************************************/
/* header for StoryTelling */
/*************************************************************************************************/
.Wcms.StoryTelling .WcmsHeader {
  margin-left: -15px;
  margin-right: -15px; }
  .Wcms.StoryTelling .WcmsHeader #WcmsLogoInsideNavigation {
    display: inline-block;
    padding: 5px 15px; }
  .Wcms.StoryTelling .WcmsHeader #DesktopNavigation.navbar {
    margin-bottom: 0px;
    border: 0px; }
  .Wcms.StoryTelling .WcmsHeader #DesktopNavigation .nav.navbar-nav {
    /*float: right;*/ }
  .Wcms.StoryTelling .WcmsHeader #MobileNavigation.navbar {
    margin-bottom: 0px;
    border: 0px; }
 /*************************************************************************************************/
/* navigation menu */
/*************************************************************************************************/
/*************************************************************************************************/
/* navigation menu */
/*************************************************************************************************/
nav.navbar.navbar-default .navbar-header {
  background-color: #fff; }
  nav.navbar.navbar-default .navbar-header .glyphicon, nav.navbar.navbar-default .navbar-header .badge {
    color: #fff;
    background-color: #009ee0; }
    nav.navbar.navbar-default .navbar-header .glyphicon:hover, nav.navbar.navbar-default .navbar-header .badge:hover {
      color: #009ee0;
      background-color: inherit; }

nav.navbar.navbar-default .navbar-collapse .badge {
  color: #009ee0;
  background-color: #fff; }

nav.navbar.navbar-default .navbar-collapse button {
  color: #009ee0;
  background-color: #eeeeee;
  border-color: #9d9d9d; }
 /* with style for all the divs in the qryResultConent (foreach row a seperate is used) */
.QryResultContentDiv {
  width: 100%; }

/* the prefix of the qryResult navigation */
.QryResultPrefix {
  padding-right: 10px; }

/* the backwardLink of the qryResult navigation */
.QryResultBackwardLink {
  text-decoration: none !important;
  padding-right: 5px; }

/* the backwardMore of the qryResult navigation */
.QryResultBackwardMore {
  text-decoration: none !important;
  padding-right: 5px; }

/* the pageLink of the qryResult navigation */
.QryResultPageLink {
  text-decoration: none !important;
  padding-left: 2px;
  padding-right: 2px; }

/* the pageSelection of the qryResult navigation */
.QryResultPageSelection {
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: -2px; }

/* the activePage of the qryResult navigation */
.QryResultActivePage {
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px; }

/* the forwardMore of the qryResult navigation */
.QryResultForwardMore {
  text-decoration: none !important;
  padding-left: 5px; }

/* the forwardLink of the qryResult navigation */
.QryResultForwardLink {
  text-decoration: none !important;
  padding-left: 5px; }

/* the postfix of the qryResult navigation */
.QryResultPostfix {
  text-decoration: none;
  padding-left: 25px; }

/* the style of the <hr> which seperates the qryResult from each other */
.QryResultSeparator {
  margin-top: 20px;
  margin-bottom: 20px; }

.WcmsQueryToolbarLinks {
  margin-bottom: 5px; }
 /*for WebStoryFeaturedModule */
.WebStoryFeaturedModule .WebStoryFeaturedContent {
  margin-top: 5px; }
 @font-face {
	font-family: 'wcms-portal';
	src:url('/Layout/Common/iconfont/fonts/wcms-portal.eot');
	src:url('/Layout/Common/iconfont/fonts/wcms-portal.eot?#iefix') format('embedded-opentype'),
		url('/Layout/Common/iconfont/fonts/wcms-portal.woff') format('woff'),
		url('/Layout/Common/iconfont/fonts/wcms-portal.ttf') format('truetype'),
		url('/Layout/Common/iconfont/fonts/wcms-portal.svg#wcms-portal') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'wcms-portal';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-share, .icon-compass, .icon-person, .icon-search {
	font-family: 'wcms-portal';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-compass:before { content: "\e005"; }
.icon-person:before { content: "\e040"; }
.icon-search:before { content: "\e046"; }
.icon-share:before { content: "\e004"; }

/* CFontIcon statics
		public static string c_strCompass = "\ue005";
		public static string c_strPerson = "\ue040";
		public static string c_strSearch = "\ue046";
		public static string c_strShare = "\ue004";
 */
 /*for StoryShowModule */
#m_wctrlEPaperRoot {
  /* ========================================================================================== */
  /* story body */
  /* ========================================================================================== */
  /* story box */
  /* ========================================================================================== */
  /* Rating Box in StoryShow */
  /* ========================================================================================== */
  /* AddToWatchList Box in StoryShow */
  /* ========================================================================================== */
  /* story image/gallery box */
  /* ========================================================================================== */
  /* story image */
  /* ========================================================================================== */
  /* story basetext and video box */
  /* ========================================================================================== */
  /* picture gallery */
  /* ========================================================================================== */
  /* story info area */
  /* additional media links in StoryShow */
  /*for Social Networks WebStory Inline Module*/
  /* sharing content for other social media */ }
  #m_wctrlEPaperRoot .StoryShowBody A.EditLink {
    padding-left: 20px;
    color: #999;
    font-size: 0.92em;
    margin: 0 0.66em 0 0; }
    #m_wctrlEPaperRoot .StoryShowBody A.EditLink SPAN {
      display: block; }
  #m_wctrlEPaperRoot .StoryShowBox {
    position: relative;
    padding-bottom: 0;
    line-height: 1.5em;
    margin-bottom: 0.66em;
    background: #ffffff; }
    #m_wctrlEPaperRoot .StoryShowBox .buttonWrapper {
      float: right; }
    #m_wctrlEPaperRoot .StoryShowBox UL {
      padding: 0;
      list-style-type: none;
      margin: 0 0 0.66em; }
      #m_wctrlEPaperRoot .StoryShowBox UL LI {
        padding-left: 0.6em;
        background: url("data:image/gif;base64,R0lGODlhBAAEAIAAAL+lXAAAACH5BAAAAAAALAAAAAAEAAQAAAIEhI8JBQA7") no-repeat 0 8px; }
    #m_wctrlEPaperRoot .StoryShowBox H1 {
      Font-family: Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 2.0em;
      line-height: 1.2em;
      margin-bottom: 0.35em;
      color: #414344; }
      #m_wctrlEPaperRoot .StoryShowBox H1 A {
        color: #246BB3; }
        #m_wctrlEPaperRoot .StoryShowBox H1 A:hover {
          color: #246BB3; }
    #m_wctrlEPaperRoot .StoryShowBox H2 {
      font-weight: 500;
      Font-family: Segoe UI, Arial, sans-serif;
      letter-spacing: 0.025em;
      color: #336699;
      font-size: 0.875em;
      text-transform: uppercase;
      padding-right: 0.2em;
      margin-bottom: 0.2em; }
    #m_wctrlEPaperRoot .StoryShowBox H3 {
      font-size: 0.875em;
      margin-top: 0.3em;
      padding-right: 0.2em;
      margin-bottom: 0.9em; }
    #m_wctrlEPaperRoot .StoryShowBox H4 {
      font-size: 0.75em;
      margin: 1.33em 0 0.66em;
      color: #333;
      font-weight: bold; }
    #m_wctrlEPaperRoot .StoryShowBox .voting H2 {
      line-height: 1.2em;
      text-transform: none;
      padding-right: 0;
      margin-bottom: 0.75em;
      letter-spacing: 0.06em;
      color: #333333;
      font-size: 1.17em; }
    #m_wctrlEPaperRoot .StoryShowBox .voting DIV {
      line-height: 1.3em; }
    #m_wctrlEPaperRoot .StoryShowBox a:active, #m_wctrlEPaperRoot .StoryShowBox .StoryShowBox a:link, #m_wctrlEPaperRoot .StoryShowBox .StoryShowBox a:visited {
      color: #999;
      text-decoration: none; }
    #m_wctrlEPaperRoot .StoryShowBox a:focus, #m_wctrlEPaperRoot .StoryShowBox .StoryShowBox a:hover {
      color: #999;
      text-decoration: underline; }
    #m_wctrlEPaperRoot .StoryShowBox .intro {
      font-family: 'Segoe UI', Arial, sans-serif;
      font-weight: 500;
      color: #414344;
      clear: both; }
    #m_wctrlEPaperRoot .StoryShowBox .StoryShowInlineBox LI {
      padding-left: 0;
      background: none transparent scroll repeat 0 0; }
    #m_wctrlEPaperRoot .StoryShowBox.StoryMediaLinks h3 {
      padding-right: 0; }
    #m_wctrlEPaperRoot .StoryShowBox.StoryShowRating h3 {
      padding-right: 0; }
    #m_wctrlEPaperRoot .StoryShowBox.StoryShowAddToWatchList h3 {
      padding-right: 0; }
  #m_wctrlEPaperRoot .StoryShowRating {
    border: none;
    margin-top: 20px; }
  #m_wctrlEPaperRoot .StoryShowAddToWatchList {
    border: none;
    margin-top: 20px; }
  #m_wctrlEPaperRoot .StoryShowGalleryBox {
    color: #666666; }
    #m_wctrlEPaperRoot .StoryShowGalleryBox P {
      margin-top: 0;
      padding-left: 5px;
      padding-right: 5px; }
      #m_wctrlEPaperRoot .StoryShowGalleryBox P A {
        display: inline;
        color: #333;
        text-decoration: underline; }
    #m_wctrlEPaperRoot .StoryShowGalleryBox img {
      text-align: center;
      border-bottom: 0;
      border-left: 0;
      border-top: 0;
      border-right: 0;
      width: auto; }
    #m_wctrlEPaperRoot .StoryShowGalleryBox figure.row {
      padding: 1em 3em 1em 3em; }
  #m_wctrlEPaperRoot .StoryShowGalleryImage {
    display: table;
    position: relative;
    width: 75%;
    text-align: left;
    margin: 0 0 0.75em 0;
    color: #666666; }
    #m_wctrlEPaperRoot .StoryShowGalleryImage > img {
      display: table-cell;
      vertical-align: bottom;
      max-width: 100%;
      min-width: 50%;
      margin-left: auto;
      margin-right: auto; }
    #m_wctrlEPaperRoot .StoryShowGalleryImage > figcaption {
      font-family: 'Segoe UI';
      text-align: left;
      display: table-caption;
      caption-side: bottom;
      margin: 0.5em 0.2em 1.0em 0.2em;
      color: #9c9d9d;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center; }
  #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox {
    float: left;
    color: #414344;
    font-family: Segoe UI, Arial, serif;
    font-size: 1em;
    line-height: 1.5; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox p:first-child {
      margin: 0;
      display: block; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox p {
      margin-top: 0;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox p.StoryIMTitle {
      margin-bottom: 0; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox .StoryShowInlineBox LI {
      padding: 0.2em 0.6em 0 0;
      display: inline; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox .StoryShowInlineBox H3 {
      margin-bottom: 0.33em; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox .StoryShowInlineBox A {
      display: inline;
      color: #369;
      font-weight: bold; }
  #m_wctrlEPaperRoot .PictureGalleryShow {
    margin-top: 20px;
    margin-bottom: 20px; }
    #m_wctrlEPaperRoot .PictureGalleryShow .PictureGalleryImage img {
      width: 100%; }
  #m_wctrlEPaperRoot .StoryShowInfoArea {
    padding-top: 5px;
    text-align: right;
    float: right;
    color: #6699CC;
    font-weight: 700;
    font-size: 0.9em; }
    #m_wctrlEPaperRoot .StoryShowInfoArea A {
      color: #6699CC; }
      #m_wctrlEPaperRoot .StoryShowInfoArea A.printLink {
        display: block;
        padding-left: 20px;
        padding-top: 2px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAMAAACXZR4WAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURXSizv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCIeJsAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjVJivzgAAAAQElEQVQYV2NgZGRkgAMQB4qBFILDAFUDlwWpQqgA6YerABsG0QpTARWAWAOSwaECyR1gFcgAYgWSCDYVCJ+AWQA00gB3i3YhRgAAAABJRU5ErkJggg==") no-repeat 0 3px;
        font-size: 0.92em;
        width: 48px;
        color: #6699CC; }
      #m_wctrlEPaperRoot .StoryShowInfoArea A.commentLink {
        display: inline-block;
        width: 48px;
        height: 18px;
        margin-top: 5px;
        border: 1px solid;
        padding-right: 3px;
        line-height: 1.5em;
        text-align: right;
        color: #6699CC;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASCAIAAACSBMrtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExOTEwOUUzRDdERjA4MzFCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNzJFMkVCQTc5RTMxMUUyQTQxRkQxRDEyQzc1NTUwRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNzJFMkVCOTc5RTMxMUUyQTQxRkQxRDEyQzc1NTUwRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2ODAxMTc0MDcyMDY4MTE4NzFGQ0MyQkU3Q0JCQTQ4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MTA5RTNEN0RGMDgzMUI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U4mskwAAATVJREFUeNpiTJt5hoFKYGaaMeWGMDEMMsBCQJ6RUURWnZOP/f8/bJJMDG+fPP324Q39HMQjINbqwY1HwXkG+RmzqOkgAlHGzMaOXwEfTaPMO83YD4m79BvDua1P8Ov/S20HMSGlFiY/VDk5Lob/QEhfgC/Kfg1ELht02R6fg4CxxQiEeAE7nUPo57dP+BXcomfB6MLAsJ2LL3/ZHVZ2rv///zMyMf3/94/h/39OfpEWN45DDAwb1zz98eU9rRwEzFBvGRiEUaV7Q2Xg7J0MDOtmnQUyvrx/mbuEl5WN4+uH17SsOv7/b15xn0dQvMqdi4uBoe0Ew9f3X5hYWJmYmMG1BPPnt88QGfDbZyCieV32/dM7IFr51vjNE4aHl84Olsr15Lrz/7HWpQOV7QfQNYOxYAQIMABlqGM0zeX91AAAAABJRU5ErkJggg==") no-repeat 0 0; }
      #m_wctrlEPaperRoot .StoryShowInfoArea A.WatchListPageLink {
        display: inline-block;
        width: 48px;
        height: 18px;
        border: 1px solid;
        padding-right: 3px;
        line-height: 1.5em;
        text-align: right;
        color: #6699CC;
        background: url(/Layout/News/watchlist-icon.png) no-repeat 0 0; }
  #m_wctrlEPaperRoot .StoryMediaLinks {
    margin-top: 20px; }
  #m_wctrlEPaperRoot .StoryShowInfoArea A.AddToWatchListLink {
    color: #6699CC; }
  #m_wctrlEPaperRoot A.StoryShowPictureLink {
    padding-left: 25px;
    display: block;
    background: url("data:image/gif;base64,R0lGODlhEQANAOYAAJixy6a90/7+/pWwy5eyy5SuyoilxZCtyfn7/LLF2KG4z4+syOHo75iyy5axy2OLsai+05awy4uqx/7+/Zy2z7jJ3Jawyqq/1Yuoxm2Tt9Tg6dzk7aa+1fX3+ZWyy6m+1NHc6IakxPH09nycv4Sjw5mzzK/D14Oiw5640eDn74mnxcDQ39Te6oupyIWlwo6ryKi904+syfb4+7PG2bzO3YmmxKC3z4ypxpSwyoamxIekxpKvyZu0z/T1+N7l7vj7+pKtysXU44+sx9bh6Yyqxo2ryPP2+Yyqx73N3oqnxc7a5rfK3YWkw9jh65ayzJ62zpWwytzl7eju8sLS4GuRtqm/1NHe57LF2Zexy////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAARAA0AAAeSgFmCgjNYhoYpg4qCCE8NODtYACCLWR8QJhceOiEvJ0UKVQEBCYKHAy5XPQIMA0lIAYamWARMFVlNUz8dTggbslmGB0cyUSIlI1lKMRHAkkQUWRxDMBkaPjVQzgAHQllBD1Q5AlYGFs60JCtZLDRGWTwSh7NYBSpLE1lSKAYO88GHCmBYAKTFjUNYbFRayLDhokAAOw==") no-repeat 0 3px;
    line-height: 1.2em; }
  #m_wctrlEPaperRoot A.StoryShowVideoLink {
    padding-left: 25px;
    display: block;
    background: url("data:image/gif;base64,R0lGODlhEQANAOYAAP///5exy5WwyqK50JOvyqm+1L3N3vv7/OLp8aG50I+syLDE2I+rx6e+1Jaxy5KuyZiyy8zZ5qe+06zB1ZGtyJCsyJCtyeHp79rj7dPd6arB1Z21zvn7/Nfh67jK3Oru8+Hp8LjJ2/b4+qK60bXI2pqzzdPe6Y+ryerv9ai+07PG2ZOuyY6rx6a809nj7Kq/1N7n7562zqm908TT4rHF2LTH2qG40Oju86W80/T2+eTr8qe906C3z9ni7P39/czZ5MvY5LvL3LzN3erv9LfJ26/D19zl7ZCtyIypx8PS4f3+/r7O3qi+1AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAARAA0AAAeSgAAARiSChoeIOgEpiI2CIAGRHY6IQz0qkS6UjTWRMJsAGEwLBRUKCjsyGi8LhigRRA4rOA0SEg0tFA4BNABJARtCLEAAHAfHSj8MkQATAQUGSCIZRxAQFDM+ywEARc8GJ0EfFwgIFzdLFcweASMGARYPBPMEDxaROYIREyGRAv8AI3E7ZKKEjQQDEiZMEIMHokAAOw==") no-repeat 0 3px;
    line-height: 1.2em; }
  #m_wctrlEPaperRoot A.StoryShowContentLink {
    padding-left: 25px;
    display: block;
    background: url("data:image/gif;base64,R0lGODlhEQANANUAAJ21zpqzzJy1zr/P35u0zb7O36i+08TT4uTr8cPS4cDQ4Ka80p22ztHd6LbI2q3C1vr7/ZqzzbvM3ZmyzLTH2sDQ37rL3MbU4srY5eDo8OLq8cjV497m7sfV4/T3+eDn76C4z93m7piyzNzl7dvk7bDE1+Hp8Jiyy+Pq8ae905exy////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAARAA0AAAZgwJVwSCwSISqVAABgMAUEVYMYwkySWOzgQHw4ENGsqjNSESUqBSKQvXySxEIyoWGrEpkTfDjAbjgqFigRWER9WAceJiJZcWIVdoVDFGKVZkMkAgsGKZ2eBiAlRqOkpUZBADs=") no-repeat 0 3px;
    line-height: 1.2em; }
  #m_wctrlEPaperRoot A.StoryShowPDFLink {
    padding-left: 25px;
    display: block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsSAAALEgHS3X78AAAGBUlEQVRIiV2VXWgc1xXH/+feO6Od2Y/IK2mltSVRR461Xlmu28aEin4QSklJnxXkPDR9KC2lUNI39yUu9LHQ1z74zWAoGAoljdMagikOTeuiqCiO9RFbXutbirTaXe1odmbuvacP0q6kHDhwh5m5v/P/zzlziZlTAAQAzcyJEAI3btyQzOwys6rVaoKZwcyw1qJUKqWYmWZnZyMApl6vJ57n6XK5bMfGxnhycpJxGAyAiZl9IgoB4ObNm/L69esjSZJMEdHr1tpskiRkrUU7tdaZMAxRq9Wa9Xp9pVgsvv/s2bMHt2/f3pieno4BGGZuQ0gdbUxjY2OqXC4PkO+/6Vgz1dWVKllm4KjyUxCj0R30YmVpabTZbPYNDw+/NDk5+fdms7m8sLAQElEbkiLWRn1w/x+yXLo0TF8s/pBr1bcQ8rdkijKCAaMthJCwsODYgB0GQ4JHvoZlluhNewf1RuOzzc3Nv8zNzX14586dysLCQnikxJfv/e4m4laUpU/+/Xr6/b+9ndXxa9mhobQf7KNrbx/eUBH+yhpyB024xbNIry7jzOM5tF4sISlfwrnhYWdocDDfbDZ7fd9PisXizvr6erC7u2umpqZcRWDESeLxSmUkXXk+YrMpfyPjIHEHkMtp7H06A68/D7cwgG0A+blF9G2ugf0MSBE2NjZgtfaDILh8cHDApVLJTk5OfnDr1q3l1dVVoZgMK6VEq9HyKv977BhtURscQvzRx0gXB5CPA2xVulHLn0XqyzUkn3yMeq2OeOQSujMvIWxFaLVaUEr5xpjx7e3t/fPnz78AsDs/P2+UYJfrtZoJdGiixr7RW9uo//kuhp88wYsrZcyVxpGa/Qzp8L+g7TXsWgPnAGiaA/SnXDiOi4znQWuNVCrlT09Pn4vj+FyhUMjs7Ow0lQFjdXW1lRsvL81de+1Fv+f0alLexncLgLHIPHuOlJNCy/OR9PVCColwP0b+O68i5aYRRyG0EJBSIpvNIpvNqlqt5gshvHq9HiomxuLiYnj12jcfvfzuL3tbSaAyme4rflfKF8wglrBkAVgYCJBNIISDC9eugoQLKSMACkIIWGuRTqdRrValMUaGYSiUgsCTJ0+SmZmZysTExL1vT0z4r1y40N/T13ceDICOZoYJDAtiQmRC2EefQo+OAo4LIt2ZEd/3wcwcxzEAQAGgu3fvWgBhvV5fGR8f/yKKorqOYzAziAhEhHYIN4Xk0WPEP38X6g+/h/ujN6DrdWit4TgOPM8DUbuqQwCYmYnIjI6Oxt3d3ZGU0gohTgE6EEmIg30I1ULSaCDluoBSnfuu6zIA1lozjn5y1IYUi0XrOI6VUjIRQQjRSSKCIAIB4OwZwOuFVxyEBKCUgpQSUkoIIXAy1MmLfD7PUspDK0482F63jXILZxD394BeGYKwfAg+nR1PT+MOlXTWnRdYwJKAJcACcBYW0drYgf7oX4AgmEwGbiYD0ZU+6ofjPU4pqFarbbtgre1YY0QCxxCMcGB0hPD+A+z/7C2oe39FZmUJ8uvXwJxAlF6GlC6EFacAAoeFdcJaS8cQgjQCiXNoXXDvQ8jpGXTHEbZyZ/D57OcYvv8Ava196Hw/zK/egXHEqS5yAOiTFrV7WggBYxhwXZi9XUR//BOih//E9A++gez33kR26Cz6u1xsPq9g/fEc+CCEFR5EclyvOrSaiJk5l8sRANJawxgDay1ISNgoRPDb99CY+Q/093+My7/5NXq8LARrkAGSngKaV64iimOsLy3B8gLiOOY2IP7qR7bWwhgDIoKUElG1iurOHuzlV6F+8RP0eTmYKERsDMyRWsUMYgYfKXddl9qAzhmaz+fZWotGowGlVGcGIhtj66dvw+/rQTGTxt72BgwzYAHNBmyPbQ2CANZaBsBKKT7VRZVKxV68eHH36dOny0R00XXdDDNDkACUBNY38Xx59VgtGGDA2kPPoyg6aDQaG0EQ7ERRFDmOw8TMXQASAF3z8/Pq4cOH/tra2oAxZjAIgnyr1epiZsHMdHJGvmorEXEURXG1Wt1rNBpbuVxup1AoVP8PQphjAeMJPAYAAAAASUVORK5CYII=") no-repeat;
    height: 24px; }
  #m_wctrlEPaperRoot A.StoryShowGeneralDocLink {
    padding-left: 25px;
    display: block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD7SURBVEhL7ZU7CoNAEIY9QU6Q8+R0uUEq31oISVofoKCIjXgBe0FshWxgMmMVApndZCVFEuFni53Zb55oGJ/+6rqeUaJpGk5XvIckSY5BEJx8398px1lVlRjHEVSEAOj7Hghi2/ZWCVKW5QKYpkkqfHix6boOwjA8rA6IogiGYVggaZoSZC+FvJLBPYBACLhg/zYspCgK5RK1bQsEoVLRicFBnufn1QCPfaLeIUCwgDiOhUqDn9mQPwvIskw6PVwA5P8HsCX8gRLh0miNqed5/JiSgc4eSAGWZWkBXNflMzBNUwtAAbKLpgsg/y8HOI4zU5rvivylf7U1DW5NxilugzfbdgAAAABJRU5ErkJggg==") no-repeat;
    height: 24px; }
  #m_wctrlEPaperRoot .StoryShowBaseTextAndVideo {
    margin-top: 2em; }
  #m_wctrlEPaperRoot .StoryShowInlineVideo {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 1em 4em 1em 4em;
    margin: 0;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #m_wctrlEPaperRoot .StoryShowInlineVideo.InlineVideoBox {
      width: 250px;
      height: 210px; }
    #m_wctrlEPaperRoot .StoryShowInlineVideo h3 {
      display: none;
      padding: 0;
      margin: 0; }
    #m_wctrlEPaperRoot .StoryShowInlineVideo div.VideoShowPlayer {
      width: 100%; }
    #m_wctrlEPaperRoot .StoryShowInlineVideo div.VideoShowAttributes {
      width: 0%; }
  #m_wctrlEPaperRoot .StoryShowSocialnetworks UL LI {
    display: inline;
    margin-right: 0.3125em;
    vertical-align: baseline;
    padding-left: 0;
    background: none; }
  #m_wctrlEPaperRoot #ShareContent {
    display: inline-block;
    width: 48px;
    height: 18px;
    position: relative;
    color: #6699CC;
    border: 1px solid;
    margin-top: 5px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASCAIAAACSBMrtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExOTEwOUUzRDdERjA4MzFCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RUUyMjgxRjc5RDgxMUUyOEY2OTlEMTI0NDMyMjU3RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RUUyMjgxRTc5RDgxMUUyOEY2OTlEMTI0NDMyMjU3RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2ODAxMTc0MDcyMDY4MTE4NzFGQ0MyQkU3Q0JCQTQ4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MTA5RTNEN0RGMDgzMUI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+87YLvwAAAjFJREFUeNq8ls9rE0EUx9/M7OyvtDGKabOCeqiBUjwpimBAoeChx6JHkfaQgwf/Ac8iqAfBUw6CJ0VUPIgHUaiiB4tCQClaKWJEW23WmJYk283OD2cjibYEWX+MD3Z2GfbxPrz3ffMGFUvPqTAhmXEGCAPGG/cj3FZrqbgX/tpw8l+FAGqqFYFO+w2giMOxg9npQ8PBmtQHZPz4RMAjiOS6YJQggmMULmQYSsBi39jwaoNdm606NtILxCLkeejUkZEOW+eRcHPm49NKM7cFT+73dmTdwVSstvEDuZDJ22XfNpFGIM5lfnsqM2D1dspztblq68zxkaFN7ga3iYJnWejGM58SfSXDEHKh3rX62sU7b1X5Vpk4PzVqU6Ov59jONMz6SuIYawLqmpLIe58Tii5M7/pOI4SMGG8EbNClZicn7xYbZ29VDBOwRlH3xI1iXR8tbM441nxl5erDxXpbRm3RCEVxIlsY9V68+Xrp3gdqIKy3y7omJaIWbE2Zpy+/Xg6Y0Q1smxgELr/6UppZGrBx2JaA/wuQyhCWcOXBZyGl0+sjDKpU1x9XVfedm8rfffLp0cIK0UDUByhiMgil1RknTKw7llRWTk7m0o7VCrj+g7Fr24acE4ezrt2noVsh3+1ltI6On4AEWCQugevQ8T3er90IJkpqeoEMAi8Xmvm0n8RtfrlJdAMRCvWaLN1fSuIWzzhDd8kkqBgE9N4uEgFJUNlHTN2+/sgI+Zfz7JsAAwA2VMiuMpeHTAAAAABJRU5ErkJggg==") no-repeat;
    padding-right: 3px;
    line-height: 1.5em;
    text-align: right; }
  #m_wctrlEPaperRoot #ShareContentPopup {
    display: none;
    background: #fff;
    position: absolute;
    font-weight: 700;
    font-size: 0.9em;
    border: 1px solid #6699CC;
    width: 178px;
    left: 0;
    top: 0;
    margin-top: -1px;
    margin-left: 52px;
    padding: 10px;
    z-index: 2000; }
    #m_wctrlEPaperRoot #ShareContentPopup table {
      text-align: left; }
    #m_wctrlEPaperRoot #ShareContentPopup:hover #ShareContentPopup {
      display: block; }
 /*for VideoShowModule */
#m_wctrlEPaperRoot .VideoShowModule {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0.2em 0 0 0;
  margin: 0; }
  #m_wctrlEPaperRoot .VideoShowModule .VideoShowHeader {
    display: none; }
  #m_wctrlEPaperRoot .VideoShowModule .VideoShowDate {
    display: none; }
  #m_wctrlEPaperRoot .VideoShowModule .VideoShowPlayer {
    position: relative;
    width: 100%;
    height: auto; }
    #m_wctrlEPaperRoot .VideoShowModule .VideoShowPlayer #player, #m_wctrlEPaperRoot .VideoShowModule .VideoShowPlayer #player2 {
      width: 100%;
      height: 250px;
      padding: 0;
      margin: 0; }
    #m_wctrlEPaperRoot .VideoShowModule .VideoShowPlayer video {
      width: 100%;
      height: auto; }
  #m_wctrlEPaperRoot .VideoShowModule .VideoShowAttributes {
    display: none;
    width: 100%; }
  #m_wctrlEPaperRoot .VideoShowModule .VideoShowDescription {
    display: none;
    width: 100%; }
 /* css definitions for wcms pages of WcmsZone.Events */
/*general style*/
.bold {
  font-weight: 500; }

.lighter {
  font-weight: 300; }

/*************************************************************************************************/
/* Wcms/Event/Editor */
/*************************************************************************************************/
/* style of the maskedEditExtenders in editEventDates */
/*.EventEditor_MaskedEditExtender_OnFocus
{
	background-color:Yellow;
}*/
/* style of the maskedEditExtenders in editEventDates in case of errors */
/*.EventEditor_MaskedEditExtender_OnError
{
	background-color:Red;
}*/
/* the iframe in which the attachments are shown in the editEventMask */
.EventEditor_Attachments_Frame {
  width: 100%;
  height: 125px;
  /*75px;*/ }

/* the table in which the attachments are shown in the editEventMask */
/* the rows in which the attachments are shown in the editEventMask */
.EventEditor_AttachmentsListRow {
  /* for alternating rows in e.g. color */
  height: 170px;
  padding-bottom: 6px; }

.EventEditor_AttachmentsListRow2 {
  /* for alternating rows in e.g. color */
  height: 150px;
  padding-bottom: 6px; }

/* the imageCell for the attachments which are shown in the editEventMask */
.EventEditor_AttachmentsListImageCell {
  width: 320px;
  padding-right: 10px; }

/* the decriptionCell for the attachments which are shown in the editEventMask */
.EventEditor_AttachmentsListDescriptionCell {
  padding-right: 10px; }

/* the buttonCell for the attachments which are shown in the editEventMask */
/* styles for the table which show the dates and times in the confirmControl */
.EventEditor_ConfirmDatesEnter {
  text-align: right; }

.EventEditor_ConfirmDatesBegin {
  text-align: right; }

.EventEditor_ConfirmDatesEnd {
  text-align: right; }

.EventEditor_ConfirmDatesPlace {
  padding-left: 10px; }

/*new navigation*/
.EditEventNavigation input[type=button] {
  color: #FFF;
  background-color: #1e2b46;
  font-size: 0.9em;
  border: 0px;
  font-weight: normal !important;
  min-height: 20px; }

.EditEventNavigation.booking-steps input[type=button] {
  text-transform: uppercase;
  font-size: 20px;
  background-image: none;
  background-color: transparent !important;
  width: 30%;
  height: 75px;
  line-height: 90px;
  vertical-align: bottom;
  /*outline: none !important;*/
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #cccccc;
  color: #cccccc; }
  .EditEventNavigation.booking-steps input[type=button].WCMSNavActive {
    color: #009ee0;
    border-color: #009ee0; }
  .EditEventNavigation.booking-steps input[type=button].WCMSNavInactive {
    color: #009ee0;
    border-color: #009ee0; }

/*EditEventDates*/
.editeventdates .CalendarMainTable {
  width: auto; }

/*************************************************************************************************/
/* Wcms/Event/EventNav.aspx */
/*************************************************************************************************/
.EventNav {
  /*Layoutout Datepicker if today is selected (overwrite jquery ui style)*/ }
  .EventNav h1 {
    font-size: 1.4em;
    margin-bottom: 10px;
    text-align: center; }
  .EventNav #EventDatePicker .ui-state-highlight.ui-state-active {
    color: #e17009;
    border: 1px solid #79b7e7; }

/* the style for eventNav navigation */
.EventSelector .ui-widget {
  font-size: 0.7em; }

.EventSelector h2 {
  color: #246bb3;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.0em; }

/* the eventNav */
.EventNav_EventDate #EventDatePicker .ui-datepicker {
  width: 100%; }

@media (min-width: 991px) {
  .EventNav_EventDate #EventDatePicker .ui-datepicker {
    width: 90%; } }

/*set image width because color-profile different sie from thead pictures*/
/*.event .EventImage
{
   max-width:210px;

}*/
@media (max-width: 765px) {
  .event .EventImage {
    margin: 0px auto; } }

.EventNav_EventArea a {
  width: 100%;
  margin-bottom: 10px; }

.EventNav_EventClass a {
  width: 100%;
  margin-bottom: 10px; }

.EventSearchCriteria td {
  padding-bottom: 3px; }

.EventResultHeader {
  font-weight: bold;
  color: #246bb3;
  margin-top: 40px;
  margin-bottom: 5px; }

.EventResultHeader a:active,
.EventResultHeader a:link,
.EventResultHeader a:visited {
  color: #246bb3 !important; }

.EventNoResultHint {
  text-align: center; }

.EventResultContent .EventDateCanceled {
  text-decoration: line-through;
  opacity: 0.9; }

.EventResultContent ol {
  list-style-type: none;
  padding-left: 0px; }

.EventSearchCtrl_ResultList_Date {
  float: left;
  margin-right: 5px;
  width: 75px; }

.EventSearchCtrl_ResultList_Name {
  float: left;
  margin-right: 5px;
  width: 205px; }

.EventSearchCtrl_ResultList_Time {
  float: left;
  margin-right: 5px;
  width: 100px; }

.EventSearchCtrl_ResultList_Name a:hover {
  text-decoration: underline !important; }

.EventSearchCtrl_ResultList_Area {
  float: left;
  margin-right: 5px;
  width: 155px; }

.EventSearchCtrl_ResultList_Class {
  float: left;
  margin-right: 5px;
  width: 105px; }

.EventSearchCtrl_ResultList_Name.Header,
.EventSearchCtrl_ResultList_Date.Header,
.EventSearchCtrl_ResultList_Time.Header,
.EventSearchCtrl_ResultList_Area.Header,
.EventSearchCtrl_ResultList_Class.Header {
  /*font-weight:bold;*/ }

.EventSearchCtrl_ResultList_DateHeader span,
.EventSearchCtrl_ResultImages_DateHeader span {
  font-weight: 600;
  font-size: medium; }

/*************************************************************************/
/*new Bootstrap Layout EventSearch*/
/*************************************************************************/
.EventNoResultHint {
  color: #246bb3;
  font-weight: bold; }

.EventSearchCriteria .searchExtended {
  background-color: #eee;
  padding: 0.5em; }

.EventSearchCriteria h3 {
  font-size: 1.2em;
  margin-top: 0.5em; }

.EventResultContent .EventResultDay {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: medium;
  color: #009ee0; }

.EventResultContent li.event {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: solid 1px #ccc;
  list-style: none; }
  .EventResultContent li.event img.eventfavorite {
    width: 25px;
    height: 25px;
    margin: 0 0 120px 5px;
    margin-bottom: 10px; }

.EventResultContent .EventSearchCtrl_ResultList .EventDateCanceled {
  position: absolute;
  top: 0;
  text-decoration: line-through;
  opacity: 0.9; }

/*************************************************************************************************/
/* Wcms/Event/EventShow.aspx */
/*************************************************************************************************/
/* the style for the EventShow page */
.EventShowHeader {
  color: #009ee0;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none solid none;
  border-bottom-width: 1px;
  border-color: #ccc;
  margin-bottom: 10px; }

.EventShowContent {
  margin-bottom: 20px; }

.EventShow .EventShowContent a {
  text-decoration: underline; }
  .EventShow .EventShowContent a.PDFLink {
    padding-left: 30px;
    display: block;
    background: url(/Layout/Common/GeneralDocPDF.png) no-repeat;
    height: 24px; }
  .EventShow .EventShowContent a.GeneralDocLink {
    padding-left: 30px;
    display: block;
    background: url(/Layout/Common/GeneralDoc.png) no-repeat;
    height: 24px; }

.ContactEventOrganiserCaptcha .input-group-addon {
  padding-top: 2px;
  padding-bottom: 2px; }

/*************************************************************************************************/
/* the style for the EventPictures  */
/*stripe swiper*/
.EventShowModule .stripe.swiper-container .swiper-slide {
  width: auto;
  height: 100%; }

.EventShowModule .stripe.swiper-container {
  width: 100%;
  padding-bottom: 30px; }

.EventShowModule .EventPicGalleryStripe .stripe.swiper-button-prev,
.EventShowModule .EventPicGalleryStripe .stripe.swiper-button-next {
  top: 35px; }

/*swiper*/
.EventShowModule .EventImage {
  margin-bottom: 15px; }

.EventShowModule .EventImage .image-credit {
  float: right;
  padding-right: 0px;
  font-size: small;
  background-color: white;
  color: #555555; }

.EventShowModule .EventImage P {
  margin-top: 0px;
  background-color: #009ee0;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px; }

.EventShowModule .EventPictureGalleryNavigation .btn {
  margin-bottom: 5px; }

/* the style for the gallery in the EventShow page */
.EventShowVideoModule {
  margin-top: 10px; }

/* hides the bottomText in the map because it can be to wide */
.EventShowGoogleMap span {
  display: none; }

/*EventData*/
.EventShow .EventData {
  word-wrap: break-word; }
  .EventShow .EventData img.eventfavorite {
    width: 20px;
    height: 20px;
    margin: 0 3px 5px 0; }

/* EventDates*/
.EventShowDates .EventDate {
  margin-bottom: 5px;
  border-bottom: 1px dotted #DDDDDD; }

.EventShowDates .EventDate .ical {
  padding: 0; }

.EventShowDates .EventDate:last-child {
  margin-bottom: 5px;
  border-bottom: none; }

.EventShowDates .EventDateCanceled {
  text-decoration: line-through;
  opacity: 0.3; }
 /*************************************************************************************************/
/* MarketSearchImage*.xsl */
.MarketSearchCtrl[attr="100Kfz"]
{
	height: 310px;
	background-size: 115%;
}

.MarketSearchCtrl[attr="100Kfz"] .MarketSearchBoxBgk
{
	width: 800px;
}

/* two input fields in each row */
.MarketSearchCtrl[attr="100Kfz"] .MarketSearchBoxBgk div:nth-child(2n-1)
{
	float: left;
}

.MarketSearchCtrl[attr="100Kfz"] .MarketSearchBoxBgk div:nth-child(2n)
{
	float: left;
} /*************************************************************************************************/
/* General for all Market pages */
/*************************************************************************************************/

/*************************************************************************************************/
/* CSS for MarketSearch page */
/*************************************************************************************************/
.Market_Right h2
{
	margin-left: 0px;
	padding-bottom: 4px;
	border-bottom: 1px solid #246bb3;
	font-weight: 200;
}

.Market_Right h3
{
	margin-left: 0px;
	padding-bottom: 4px;
	font-size: 0.9em;
	letter-spacing: normal;
	font-weight: 200;
}

	.Market_Right h3 b
	{
		font-weight: 200;
	}

.Market_Right
{
	padding-top: 0px;
}

.MarketSearchNavigationBottom
{
	clear: both;
	text-align: center;
	margin-top: 5px;
}

.MarketSearchResult ol
{
	list-style-type: none;
	padding: 0;
}

.MarketSearchCtrl_SortBy
{
	text-align: left;
	margin-left: 475px;
}

.MarketSearchCtrl_SortBy span
{
	cursor: pointer;
	text-align: right;
	width: 130px;
	display: table-cell;
}

.MarketSearchCtrl_SortBy span:after
{
	content: url(/Layout/Market/UpDown.png);
	position: absolute;
}

.MarketSearchCtrl_SortBy span:hover:after
{
	content: url(/Layout/Market/UpDown_hover.png);
}

.MarketSearchCtrl
{
	background-position: 50% 56%;
	background-repeat: no-repeat;
	height: 270px;
	background-size: 100%;
	margin-bottom: 20px;
}

.MarketSearchBoxBgk
{
	padding: 15px 30px;
	width: 440px;
	background-color: white;
	margin: 20px 40px;
	position: absolute;
}

.MarketSearchBoxBgk div
{
	margin-right:10px;
	margin-bottom:10px;

}

/* only one input field in first row */
/*.MarketSearchBoxBgk div:first-child
{
	float: none;
}*/

.MarketSearchBoxBgk div:nth-child(2n-1)
{
	float: left;
}

.MarketSearchBoxBgk div:nth-child(2n)
{
	float: left;
}

.MarketSearchBoxBgk input,
.MarketSearchBoxBgk select,
#cbxClassification select
{
	border: 2px solid #d7dde0;
	width: 174px;
	height:35px;
	box-sizing: border-box;
	display: block;
	padding: 4px 5px;

}

.MarketSearchBoxBgk span
{
	line-height: 1.7;
}

#btnSearch
{
	padding: 15px 0 0 0px;
	display: inline-block;
}

/*************************************************************************************************/
 /* MarketSearchList*.xsl */
.MarketSearchCtrl_ResultList_Header
{
	float: left;
	width: 100%;
}

.MarketSearchCtrl_ResultList
{
	padding: 2px;
	float: left;
	border-top: 1px solid #888888;
	margin-top: 2px;
	width: 100%;
}

.MarketSearchCtrl_ResultList_Image
{
	padding: 10px 20px;
	display: table-cell;
}

.MarketSearchCtrl_ResultList_Text
{
	margin: 5px;
	display: table-cell;
	padding-left: 10px;
	vertical-align: top;
}

.MarketSearchCtrl_ResultList_Text p
{
	width: 200px;
}

.MarketSearchCtrl_ResultList_Date
{
	float: left;
	margin-right: 5px;
	width: 75px;
}

.MarketSearchCtrl_ResultList_Name
{
	float: left;
	margin-right: 5px;
	width: 450px;
}

	.MarketSearchCtrl_ResultList_Name a:link,
	.MarketSearchCtrl_ResultList_Name a:active,
	.MarketSearchCtrl_ResultList_Name a:visited
	{
		font-weight: 100;
		color: #246bb3;
		text-overflow: ellipsis;
		width: 200px;
		overflow: hidden;
		white-space: nowrap;
		display: inline-block;
	}

	.MarketSearchCtrl_ResultList_Name a:hover
	{
		text-decoration: underline !important;
	}

.MarketSearchCtrl_ResultList_Area
{
	float: left;
	margin-right: 5px;
	width: 155px;
}

.MarketSearchCtrl_ResultList_Class
{
	float: left;
	margin-right: 5px;
	width: 105px;
}

.MarketSearchCtrl_ResultList_MotifCustAttr
{
	margin: 5px;
	display: table-cell;
	padding-left: 10px;
	vertical-align: top;
}

.MarketSearchCtrl_ResultList_MotifCustAttr span
{
	display: table-cell;
	width: 130px;
	text-align: right;
}


h3.MarketSearchCtrl_ResultList_TextData
{
	font-size: 16px;
}

.MarketSearchCtrl_ResultList_TextData a:link,
.MarketSearchCtrl_ResultList_TextData a:active,
.MarketSearchCtrl_ResultList_TextData a:visited
{
	font-weight: 100;
	color: #246bb3;
	text-overflow: ellipsis;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

/*************************************************************************************************/
/* MarketSearchGallery*.xsl */
.Market .Gallery li
{
	border: 1px solid transparent;
	border-radius: 6px;
	float: left;
	padding: 5px;
	width: 254px;
	margin: 0 10px;
	transition: box-shadow 300ms;
}

.Market .Gallery li:hover
{
	border: 1px solid #ccc;
	box-shadow: 4px 4px 4px #ccc;
}

.MarketSearchCtrl_ResultGallery_Image
{
	margin: 20px 0;
	text-align: center;
}

.MarketSearchCtrl_ResultGallery_TextData
{
	text-align: right;
}

.MarketSearchCtrl_ResultGallery_TextData span
{
	display: table-cell;
	width: 125px;
}

.MarketSearchCtrl_ResultGallery_MotifCustAttr
{
	margin-bottom: 20px;
}

/*************************************************************************************************/
/* CSS for MarketShow page */
/*************************************************************************************************/
.MarketHeadH1
{
	position: absolute;
	top: 5px;
}

.MarketShowLeft
{
}

.MarketShowLeftHeader
{
	font-weight: bold;
	margin-top: 15px;
}

.MarketShowLeftContent
{
	float: left;
}

.MarketShowLeftContent a:nth-child(n+2) /*not first*/
{
	margin: 15px;
	display: inline-block;
	background-color: #eee;
	padding: 4px 10px;
	border-radius: 4px;
}

.MarketShowRight
{
	float: right;
	width: 500px;
}

.MarketShow_ResultImages_Text
{
	font-size: 1.1em;
}

.MarketShow_ResultImages_Text li
{
	line-height: 1.7;
}

.MarketShowRightHeader
{
	font-weight: bold;
}

.MarketShowRightContent
{
	width: 450px;
}

.MarketShowFloatLeft
{
	float: left;
	margin-bottom: 10px;
	padding: 2px 5px 2px 5px;
}

.MarketShowPicture
{
	display: none;
}

.MarketShowGalleryContainer
{
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	margin-right: -9px;
	margin-left: -3px;
	padding: 5px 5px 5px 0px;
	position: relative;
	width: 680px;
}

	.MarketShowGalleryContainer td
	{
		vertical-align: top;
	}

.MarketShowView
{
	cursor: pointer;
	height: 472px;
	width: 640px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}

	.MarketShowView img
	{
		padding-right: 1px;
		max-height: 472px;
		max-width: 610px;
	}

.MarketShowThumbnailsContainer
{
	margin-top: -2px;
	margin-left: 5px;
}

	.MarketShowThumbnailsContainer ul
	{
		list-style-type: none;
		list-style-position: inside;
		padding: 0px;
		margin: 0px;
	}

	.MarketShowThumbnailsContainer li
	{
		float: left;
	}

.MarketShowGeneralDocLinks
{
	list-style: none;
	list-style-position: inside;
	margin: 0px;
	padding-left: 0px;
}

	.MarketShowGeneralDocLinks li
	{
		margin-bottom: 2px;
	}

	.MarketShowGeneralDocLinks img
	{
		vertical-align: middle;
		border-width: 0px;
		margin-right: 2px;
	}

/* hides the bottomText in the map because it can be to wide */
.MarketShowGoogleMap span
{
	display: none;
}
/* the style for the gallery in the MarketShow page */
.MarketGalleryContainer_bg
{
	margin: 3px;
	position: relative;
	border: 1px solid #F0F0F0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url(/Layout/Market/MarketPicItem_bg.png);
	background-repeat: repeat-x;
}
.MarketShowGalleryContainer
{
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	margin-right: -9px;
	margin-left: -3px;
	padding: 5px 5px 5px 0px;
	position: relative;
	width: 680px;
}
.MarketShowGalleryContainer td
{
	vertical-align:top;
}
.MarketShowThumbnailsContainer
{
	margin-top:-2px;
	margin-left:5px;
}
.MarketShowThumbnailsContainer ul
{
	list-style-type:none;
	list-style-position:inside;
	padding:0px;
	margin:0px;
}
.MarketShowThumbnailsContainer li
{
	float: left;
}

.MarketPicItemPrevious,
.MarketPicItemNext,
.MarketPicItemScrollPrevious,
.MarketPicItemScrollNext,
.MarketShowThumbnail
{
	cursor: pointer;
}

.MarketPicItemPrevious
{
	position: absolute;
	left: -3px;
	top: 240px;
}
.MarketPicItemNext
{
	position: absolute;
	right: -3px;
	top: 240px;
}
.MarketPicItemScrollPrevious
{
	margin-left: 0px;
	display: none;
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin-bottom: 16px; 
}
.MarketPicItemScrollNext
{
	display: none;
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin-bottom: 16px; 
}
#MarketPicItemScroll
{
	margin-left: -7px;
}
.MarketThumbnailScrollbar
{
	height: 80px;
	width: 642px;
	overflow: hidden;
	position: relative;
	margin-top: 13px;
}
.MarketShowView
{
	cursor: pointer;
	height: 472px;
	width: 640px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}
.MarketShowView img
{
	padding-right: 1px;
	max-height: 472px;
	max-width: 610px;
}
.MarketShowThumbnail
{
	margin:2px;
	background-color:#EEEEEE;
	float:left;
	overflow:hidden;
	border:2px solid transparent !important;
}
.MarketShowThumbnailSelected
{
	border:2px solid #246BB3 !important;
}

/* the style for the video module in the MarketShow page */
.MarketVideoContainer
{
	width:590px;
	margin-top:10px;
}

.MarketShowVideoHeader
{
	background-color:#cccccc;
	border:1px solid #999999;
	padding:2px 5px 2px 5px;
}

.MarketShowVideoModule
{
}

 
/*************************************************************************************************/
/* CSS for MarketNav page */
/*************************************************************************************************/
.MarketNav .market-headline {
  font-family: "Lora";
  color: #ffffff;
  line-height: 1.3;
  margin-top: 5px; }

.MarketNav .market-background {
  background-color: #336799;
  padding: 5%;
  padding-bottom: 1em;
  margin-bottom: 2em;
  text-align: center; }

.MarketNav .ad-links {
  color: #ffffff;
  margin-left: 0.5%;
  text-align: left; }
  .MarketNav .ad-links a {
    color: #ffffff; }
    .MarketNav .ad-links a:before {
      content: "»";
      padding: 0em; }

.MarketNav .market-links .market-subhead {
  color: #ffffff;
  margin-bottom: -3px;
  font-weight: bold;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 1px; }

.MarketNav .market-links a:hover {
  text-decoration: none; }
 /*************************************************************************************************/
/* Wcms/News/AudioShow.aspx */
/*************************************************************************************************/
.AudioShowModule p {
  margin-top: 10px; }

.AudioShowModule img {
  width: 100%; }
 /*for AudioPreviewModule */
/*for AudioPreviewModule */
.AudioPreviewModule {
  /* class for one audio document in the preview modul */ }
  .AudioPreviewModule .AudioPreviewDoc {
    position: relative;
    margin-bottom: 5px;
    /* the heading tag */
    /*******************************************************/
    /* handling for LayoutDesign "HoverText" */
    /*******************************************************/
    /*******************************************************/
    /* Layout: Text im Bild (TextInside) */
    /*******************************************************/ }
    .AudioPreviewModule .AudioPreviewDoc .audio-header {
      position: relative; }
    .AudioPreviewModule .AudioPreviewDoc .audio-heading {
      font-size: 20px;
      font-family: "Lora";
      color: #29292b;
      /*line-height: 1.3;*/
      margin-top: 5px; }
      .AudioPreviewModule .AudioPreviewDoc .audio-heading :hover {
        color: #336799;
        text-decoration: underline; }
    .AudioPreviewModule .AudioPreviewDoc .audio-section {
      color: #009ee0;
      margin-top: 0px;
      margin-bottom: 5px;
      font-weight: bold;
      font-size: 0.75em;
      text-transform: uppercase;
      letter-spacing: 1px;
      display: inline-block; }
    .AudioPreviewModule .AudioPreviewDoc .audio-date {
      color: #009ee0;
      font-size: 0.7em; }
    .AudioPreviewModule .AudioPreviewDoc .audio-player {
      margin-top: 10px; }
    .AudioPreviewModule .AudioPreviewDoc .PictureContainer {
      position: relative;
      overflow: hidden; }
    .AudioPreviewModule .AudioPreviewDoc img {
      width: 100%; }
    .AudioPreviewModule .AudioPreviewDoc .preview-doc-icon {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 1.6em;
      text-align: center;
      width: 100%;
      height: 100%; }
      .AudioPreviewModule .AudioPreviewDoc .preview-doc-icon .glyph-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: #FFF;
        font-size: 2.5em; }
    .AudioPreviewModule .AudioPreviewDoc .HoverLayer {
      position: relative;
      color: #FFF;
      background-color: #1e2b46; }
      .AudioPreviewModule .AudioPreviewDoc .HoverLayer img {
        display: block; }
      .AudioPreviewModule .AudioPreviewDoc .HoverLayer .audio-header.header-layer {
        position: absolute;
        bottom: 0px;
        width: 100%;
        margin-bottom: 0px;
        padding: 5px;
        text-align: center; }
        .AudioPreviewModule .AudioPreviewDoc .HoverLayer .audio-header.header-layer .audio-heading, .AudioPreviewModule .AudioPreviewDoc .HoverLayer .audio-header.header-layer .audio-section, .AudioPreviewModule .AudioPreviewDoc .HoverLayer .audio-header.header-layer .audio-date {
          display: none;
          color: #FFF; }
      .AudioPreviewModule .AudioPreviewDoc .HoverLayer :hover .audio-header.header-layer .audio-heading, .AudioPreviewModule .AudioPreviewDoc .HoverLayer :hover .audio-header.header-layer .audio-section, .AudioPreviewModule .AudioPreviewDoc .HoverLayer :hover .audio-header.header-layer .audio-date {
        display: block;
        color: #FFF; }
      .AudioPreviewModule .AudioPreviewDoc .HoverLayer :hover img {
        visibility: hidden; }
      .AudioPreviewModule .AudioPreviewDoc .HoverLayer img.preview-doc-icon {
        bottom: 3px; }
    .AudioPreviewModule .AudioPreviewDoc .TextInside {
      position: relative;
      overflow: hidden; }
      .AudioPreviewModule .AudioPreviewDoc .TextInside figure {
        z-index: 1;
        margin-bottom: 0px; }
      .AudioPreviewModule .AudioPreviewDoc .TextInside .TextBackground {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: -webkit-linear-gradient(90deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(15%, rgba(0, 15, 20, 0.6)), color-stop(52%, rgba(0, 15, 20, 0.15)), color-stop(70%, rgba(0, 15, 20, 0)));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: -o-linear-gradient(bottom, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: linear-gradient(0deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%); }
      .AudioPreviewModule .AudioPreviewDoc .TextInside .TextContainer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        text-align: center;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 1.0em;
        color: #fff; }
        .AudioPreviewModule .AudioPreviewDoc .TextInside .TextContainer h2 {
          margin-bottom: 0px; }
        .AudioPreviewModule .AudioPreviewDoc .TextInside .TextContainer .audio-heading, .AudioPreviewModule .AudioPreviewDoc .TextInside .TextContainer .audio-section, .AudioPreviewModule .AudioPreviewDoc .TextInside .TextContainer .audio-date {
          color: #fff; }
 /*************************************************************************************************/
/* Wcms/News/AuthorShow.aspx */
/*************************************************************************************************/
/*************************************************************************************************/
/* general Wcms stylesheet definitions */
/*************************************************************************************************/
/*************************************************************************************************/
/*AuthorShow*/
/*************************************************************************************************/
.AuthorShowModule .headLine {
  font-family: "Atlas Grotesk";
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: 1.5px;
  text-align: center;
  color: #1e2b46;
  background-color: #f5f5ef;
  padding-top: 57px;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 0; }
  @media screen and (max-width: 645px) {
    .AuthorShowModule .headLine {
      padding-top: 34px; } }

.AuthorShowModule .AuthorShowPage {
  margin-left: -10px;
  margin-right: -10px;
  /*margin-bottom: 20px;*/
  background-color: #fff; }
  .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground {
    background-color: #f5f5ef;
    padding-top: 60px; }
    @media screen and (max-width: 645px) {
      .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground {
        padding-top: 34px; } }
    .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox {
      max-width: 644px;
      margin-left: auto;
      margin-right: auto;
      border-bottom: 10px solid #ffed3c;
      position: relative; }
      @media screen and (max-width: 645px) {
        .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox {
          margin-left: 15px;
          margin-right: 15px; } }
      .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox .AuthorName {
        font-family: "Atlas Grotesk";
        font-size: 35px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.14;
        letter-spacing: normal;
        text-align: left;
        color: #1e2b46; }
        @media screen and (max-width: 645px) {
          .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox .AuthorName {
            font-size: 17px;
            line-height: 1.29; } }
        .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox .AuthorName > div:first-of-type {
          max-width: 70%;
          width: 70%; }
      .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox .AuthorPosition {
        font-family: "Atlas Grotesk";
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.23;
        letter-spacing: normal;
        text-align: left;
        color: #8e8e8b;
        margin-top: 9px;
        margin-bottom: 36px; }
        @media screen and (max-width: 645px) {
          .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox .AuthorPosition {
            font-size: 12px;
            line-height: 1.17;
            margin-top: 3px;
            margin-bottom: 73px; } }
      .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox .AuthorPictureBox {
        position: absolute;
        right: 25px;
        bottom: -10px; }
        .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox .AuthorPictureBox img {
          max-width: 183px; }
        @media screen and (max-width: 645px) {
          .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox .AuthorPictureBox {
            right: 0; }
            .AuthorShowModule .AuthorShowPage .AuthorNameBoxBackground .AuthorNameBox .AuthorPictureBox img {
              max-width: 126px; } }
  .AuthorShowModule .AuthorShowPage .AuthorDetails {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    border-bottom: 1px solid #dedfd5;
    padding-bottom: 30px; }
    .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorDescription {
      font-family: "Atlas Grotesk";
      font-size: 15px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.4;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46;
      margin-bottom: 30px; }
      @media screen and (max-width: 645px) {
        .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorDescription {
          font-size: 14px;
          line-height: 1.43;
          /*margin-left:15px;
					margin-right:15px;*/ } }
    .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowEMail {
      font-family: "Atlas Grotesk";
      font-size: 15px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.4;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46;
      display: inline-block; }
      @media screen and (max-width: 768px) {
        .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowEMail {
          font-size: 14px;
          line-height: 1.43; } }
      .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowEMail a {
        color: #1e2b46;
        position: relative; }
        .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowEMail a::after {
          content: "";
          background: #00ca88;
          position: absolute;
          bottom: -8px;
          left: 0;
          height: 1px;
          width: 100%;
          margin-bottom: 6px; }
        .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowEMail a:hover {
          text-decoration: none;
          color: #00ca88; }
          .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowEMail a:hover::after {
            background: none; }
    .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowInteractions {
      text-align: right;
      float: right; }
      .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowInteractions span {
        font-family: "Atlas Grotesk";
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.23;
        letter-spacing: normal;
        text-align: left;
        color: #8e8e8b;
        margin-right: 15px; }
      .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowInteractions ul {
        float: right;
        margin-bottom: 0;
        /*li:nth-child(n+2)
					{
						margin-left: 10px;
					}*/ }
        .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowInteractions ul a :hover {
          color: #00ca88; }
      @media screen and (max-width: 645px) {
        .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowInteractions {
          text-align: left;
          float: none;
          margin-top: 30px;
          /*margin-left:15px;
					margin-right:15px;*/ }
          .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowInteractions span {
            font-size: 12px;
            line-height: 1.17;
            float: left;
            margin-top: 5px;
            margin-right: 3px; }
          .AuthorShowModule .AuthorShowPage .AuthorDetails .AuthorShowInteractions ul {
            float: none; } }
    @media screen and (max-width: 645px) {
      .AuthorShowModule .AuthorShowPage .AuthorDetails {
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 20px; } }

/*************************************************************************************************/
/* Layout Author Inline Box for example StoryShow*/
.StoryAuthors #SingleAuthor {
  padding-bottom: 0; }
  .StoryAuthors #SingleAuthor.StoryAuthorBox .AuthorInlineBox {
    border-bottom: none; }

.StoryAuthors .StoryAuthorBox {
  background-color: #f5f5ef;
  padding-top: 34px;
  padding-bottom: 40px;
  margin-top: 49px; }
  .StoryAuthors .StoryAuthorBox .headLine {
    border: none;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center;
    color: #1e2b46;
    display: block; }
  .StoryAuthors .StoryAuthorBox .AuthorInlineBox {
    margin-top: 34px;
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #dedfd5; }
    .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox {
      position: relative; }
      .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName {
        width: 100%;
        margin-bottom: 24px;
        display: table; }
        .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName div {
          display: table-cell; }
        .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName > div:first-of-type {
          max-width: 70%;
          width: 70%; }
        .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName a {
          font-family: "Atlas Grotesk";
          font-size: 19px;
          font-weight: 700;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.11;
          letter-spacing: normal;
          text-align: left;
          color: #1e2b46;
          display: block; }
          @media screen and (max-width: 768px) {
            .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName a {
              width: 100%;
              font-size: 17px;
              line-height: 1.29; } }
        .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName .AuthorPosition {
          font-family: "Atlas Grotesk";
          font-size: 13px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.23;
          letter-spacing: normal;
          text-align: left;
          color: #8e8e8b;
          padding-top: 3px; }
          @media screen and (max-width: 768px) {
            .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName .AuthorPosition {
              width: 100%;
              font-size: 12px;
              line-height: 1.17; } }
        .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName .AuthorToggle {
          vertical-align: middle;
          width: 40px; }
        .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName .toggleIconWrapper {
          position: relative;
          float: right;
          /*top: 0;
						right: 0;
						z-index: 10;*/ }
        .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName .toggleIcon {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          border: 1px solid #dedfd5; }
          .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName .toggleIcon .arrow {
            border: solid #1e2b46;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 5px;
            position: absolute;
            left: 14px;
            top: 15px; }
          .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName .toggleIcon .up {
            -ms-transform: rotate(-135deg);
             -o-transform: rotate(-135deg);
                transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            top: 17px; }
          .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorName .toggleIcon .down {
            -ms-transform: rotate(45deg);
             -o-transform: rotate(45deg);
                transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            top: 11px; }
      .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorDetails {
        border-bottom: 10px solid #ffed3c; }
        .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorDetails .AuthorDescription {
          width: 395px;
          font-family: "Atlas Grotesk";
          font-size: 13px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.46;
          letter-spacing: normal;
          text-align: left;
          color: #1e2b46;
          margin-bottom: 16px; }
          @media screen and (max-width: 768px) {
            .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorDetails .AuthorDescription {
              width: 100%;
              font-size: 14px;
              line-height: 1.43; } }
        .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorDetails .AuthorOverViewPage {
          margin-bottom: 44px; }
          .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorDetails .AuthorOverViewPage a {
            font-family: "Atlas Grotesk";
            font-size: 13px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.46;
            letter-spacing: normal;
            text-align: left;
            color: #1e2b46;
            position: relative; }
            .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorDetails .AuthorOverViewPage a::after {
              content: "";
              background: #00ca88;
              position: absolute;
              bottom: -8px;
              left: 0;
              height: 1px;
              width: 100%;
              margin-bottom: 6px; }
            .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorDetails .AuthorOverViewPage a:hover {
              text-decoration: none;
              color: #00ca88; }
              .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorDetails .AuthorOverViewPage a:hover::after {
                background: none; }
          @media screen and (max-width: 768px) {
            .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorDetails .AuthorOverViewPage {
              margin-bottom: 94px; }
              .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorNameBox .AuthorDetails .AuthorOverViewPage a {
                font-size: 14px;
                line-height: 1.43; } }
    .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorPictureBox {
      position: absolute;
      right: 0;
      bottom: 0; }
      .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorPictureBox figure.pull-right {
        float: none !important; }
      .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorPictureBox img {
        max-height: 175px; }
        @media screen and (max-width: 768px) {
          .StoryAuthors .StoryAuthorBox .AuthorInlineBox .AuthorPictureBox img {
            max-height: 134px; } }

/*************************************************************************************************/
/*AuthorNav*/
/*************************************************************************************************/
.AuthorNav .WcmsContentHeader h1 {
  font-family: "Atlas Grotesk";
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: 1.5px;
  text-align: center;
  color: #1e2b46;
  border-bottom: none;
  margin-top: 30px;
  margin-bottom: 40px; }

.AuthorNav .WcmsContentHeader #AuthorGroup {
  max-width: 644px;
  width: 644px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 10px solid #ffed3c; }

.AuthorNav .AuthorNavResultListItem {
  border-left: none;
  border-right: none; }

.AuthorNav .pull-right {
  float: right; }

.AuthorNav #m_wctrlBottomPagination {
  text-align: center; }
  .AuthorNav #m_wctrlBottomPagination ul.pagination li a {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    background-color: white;
    border: none;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #1e2b46;
    margin-right: 30px;
    margin-left: 0;
    padding-top: 6px;
    padding-right: 1px;
    padding-left: 0; }
  .AuthorNav #m_wctrlBottomPagination ul.pagination li.active a {
    color: #00ca88; }
  .AuthorNav #m_wctrlBottomPagination ul.pagination li a:hover {
    color: #00ca88; }
  .AuthorNav #m_wctrlBottomPagination ul.pagination li :hover a {
    color: #00ca88; }
  .AuthorNav #m_wctrlBottomPagination ul.pagination li:last-of-type a {
    margin-right: 0; }
  .AuthorNav #m_wctrlBottomPagination ul.pagination li:nth-of-type(2) a,
  .AuthorNav #m_wctrlBottomPagination ul.pagination li:nth-of-type(8) a {
    border-radius: 50%;
    border: 1px solid #dedfd5; }
    .AuthorNav #m_wctrlBottomPagination ul.pagination li:nth-of-type(2) a :hover,
    .AuthorNav #m_wctrlBottomPagination ul.pagination li:nth-of-type(8) a :hover {
      border: 1px solid #1e2b46;
      color: #1e2b46; }
  .AuthorNav #m_wctrlBottomPagination ul.pagination li:nth-of-type(2) :hover a,
  .AuthorNav #m_wctrlBottomPagination ul.pagination li:nth-of-type(8) :hover a {
    border: 1px solid #1e2b46;
    color: #1e2b46; }
  @media screen and (max-width: 480px) {
    .AuthorNav #m_wctrlBottomPagination ul.pagination li:first-of-type,
    .AuthorNav #m_wctrlBottomPagination ul.pagination li:last-of-type {
      display: none !important; }
    .AuthorNav #m_wctrlBottomPagination ul.pagination li a {
      margin-right: 25px; }
    .AuthorNav #m_wctrlBottomPagination ul.pagination li:nth-of-type(8) a {
      margin-right: 0; } }
 .BreakingNewsModule {
  padding: 0; }
  .BreakingNewsModule article {
    background-color: #ffed3c;
    padding: 0;
    padding-top: 16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 16px;
    font-family: "Atlas Grotesk";
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #1e2b46; }
    .BreakingNewsModule article h2 {
      font-family: "Atlas Grotesk";
      font-size: 15px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #1e2b46;
      margin: 0; }
      .BreakingNewsModule article h2 span.BreakingNewsSlogan {
        font-family: "Atlas Grotesk";
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #1e2b46; }
      .BreakingNewsModule article h2 a {
        font-family: "Atlas Grotesk";
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #1e2b46; }
      .BreakingNewsModule article h2 span.BreakingNewsTime {
        font-family: "Atlas Grotesk";
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.54;
        letter-spacing: normal;
        color: #8e8e8b; }
 /* For story CommentModule */
.CommentModule .CommentModuleFormPanel {
  background-color: #EEEEEE;
  padding: 5px; }

.CommentModule .CommentModuleFormPanelTitle {
  margin-bottom: 10px; }
  .CommentModule .CommentModuleFormPanelTitle span {
    display: block; }

.CommentModule .CommentModuleCaptcha .input-group-addon {
  padding-top: 2px;
  padding-bottom: 2px; }

/* classes used in Comment.xsl */
.WebStoryComment .CommentAnswer .FirstAnswer {
  border-top: 1px dotted blue;
  padding-top: 0.5em; }

.WebStoryComment .CommentAnswer.LastAnswer {
  border-bottom: none; }

.WebStoryComment .CommentModulePseudonym {
  color: #336799;
  font-weight: 500; }

.WebStoryComment .CommentModuleDatetime {
  color: #336799; }
 /*for ContentPersonalization-Page */
.ContentPersonalization .edit-section-header {
  font-family: "Lora";
  color: #336799;
  font-size: 1.125em; }

.Wcms .UserEditPage p.ContentPersonalizationDescription {
  margin-top: 37px;
  line-height: 1.46; }

.Wcms .ContentPersonalizationPage .ContentPersonalization {
  margin-top: 14px; }
  @media screen and (max-width: 768px) {
    .Wcms .ContentPersonalizationPage .ContentPersonalization .usercontentpersonalizationsection,
    .Wcms .ContentPersonalizationPage .ContentPersonalization .usercontentpersonalizationlocality {
      margin-bottom: -9px; } }
  .Wcms .ContentPersonalizationPage .ContentPersonalization .usercontentpersonalizationcheckbox i,
  .Wcms .ContentPersonalizationPage .ContentPersonalization .usercontentpersonalizationradiobutton i {
    font-size: 25px; }
  .Wcms .ContentPersonalizationPage .ContentPersonalization .usercontentpersonalizationcheckbox label,
  .Wcms .ContentPersonalizationPage .ContentPersonalization .usercontentpersonalizationradiobutton label {
    margin-top: -15px;
    font-family: "HarrisonSerifPro";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #1e2b46; }
    @media screen and (max-width: 768px) {
      .Wcms .ContentPersonalizationPage .ContentPersonalization .usercontentpersonalizationcheckbox label,
      .Wcms .ContentPersonalizationPage .ContentPersonalization .usercontentpersonalizationradiobutton label {
        font-size: 15px;
        line-height: 1.33; } }

/* set border colors to grey instead of blue which is default from select2 */
.select2-drop-active {
  border: 1px solid #aaa !important; }

.select2-choices {
  background: none repeat scroll 0 0 #EEEEEE !important;
  border: solid 1px #D9DDE6 !important;
  -webkit-box-shadow: 0px 0px 0px 0px white !important;
  box-shadow: 0px 0px 0px 0px white !important; }

.select2-choices:hover {
  border: solid 1px silver !important; }

.select2-search-choice {
  background: none repeat scroll 0 0 white !important;
  border: solid 1px #D9DDE6 !important; }
  .select2-search-choice .TagCtrlResult {
    background-position-y: 4px; }

.select2-no-results,
.select2-searching,
.select2-selection-limit {
  background: white !important; }

/* set height of result box */
.select2-results {
  max-height: 400px !important; }

/* mark the selected text with font-weight: bold instead of underline which is the default in select2 */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  font-weight: bold;
  text-decoration: none !important; }

.TagCtrlResult {
  background-repeat: no-repeat;
  display: inline-block;
  padding: 5px 0 5px 20px;
  background-position-y: 7px; }

.TagCtrlResult.WithoutBackgroundImg {
  padding: 5px 0 5px 0px; }
 /*for DocFeedbackModule */
.DocFeedbackModule .DocFeedbackPanel {
  background-color: #EEEEEE;
  padding: 5px; }

.DocFeedbackModule .DocFeedbackCaptcha .input-group-addon {
  padding-top: 2px;
  padding-bottom: 2px; }
 /*for DocSendMailModule */
.DocSendMailModule .DocSendMailPanel {
  background-color: #EEEEEE;
  padding: 5px; }

.DocSendMailModule .DocSendMailCaptcha .input-group-addon {
  padding-top: 2px;
  padding-bottom: 2px; }
 /*for DocumentRankingModul*/
.DocumentRankingModule {
  background-color: #fff;
  /***********************************************/
  /* Layout bei Darstellung in der Servicespalte */
  /***********************************************/ }
  @media screen and (max-width: 768px) {
    .DocumentRankingModule:not(.ServiceView) {
      padding-left: 20px;
      padding-right: 20px; } }
  .DocumentRankingModule .PremiumIcon {
    height: 14px;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -2px; }
  .DocumentRankingModule > span.DocumentRankingIcon {
    width: 54px;
    height: 35px;
    /*background: url(/Layout/Custom/Icons/Modules/DocumentRankingIcon.png);
		background-repeat: no-repeat;*/
    background-color: #2b6fc4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 37px;
    margin-top: -17px;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    padding-top: 6px;
    padding-left: 2px;
    /*@media screen and (max-width: 768px) {
			margin-bottom: 20px;
		}*/ }
    .DocumentRankingModule > span.DocumentRankingIcon i {
      font-size: 23px;
      color: #fff;
      text-align: center; }
  .DocumentRankingModule > span {
    max-width: 644px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 58px;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.15;
    letter-spacing: 2px;
    text-align: center;
    color: #2b6fc4;
    padding-top: 57px;
    margin-top: 0; }
    @media screen and (max-width: 768px) {
      .DocumentRankingModule > span {
        margin-bottom: 40px;
        padding-top: 37px; } }
  .DocumentRankingModule ul.DocumentRankingHeadPanel {
    border-bottom: 1px solid #ddd;
    max-width: 644px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 26px; }
    @media screen and (max-width: 768px) {
      .DocumentRankingModule ul.DocumentRankingHeadPanel {
        margin-bottom: 23px; } }
    .DocumentRankingModule ul.DocumentRankingHeadPanel li {
      height: 43px;
      width: 50%;
      text-align: center; }
      .DocumentRankingModule ul.DocumentRankingHeadPanel li.active {
        border-bottom: 3px solid #1e2b46; }
      .DocumentRankingModule ul.DocumentRankingHeadPanel li a {
        height: 35px;
        background-color: #fff;
        border: none;
        font-family: "Atlas Grotesk";
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.31;
        letter-spacing: normal;
        text-align: center;
        color: #1e2b46; }
        .DocumentRankingModule ul.DocumentRankingHeadPanel li a:hover, .DocumentRankingModule ul.DocumentRankingHeadPanel li a:active, .DocumentRankingModule ul.DocumentRankingHeadPanel li a:focus {
          background-color: #fff;
          border: none;
          font-family: "Atlas Grotesk";
          font-size: 16px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.31;
          letter-spacing: normal;
          text-align: center;
          color: #1e2b46; }
  .DocumentRankingModule .DocumentRankingContent {
    max-width: 644px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 38px;
    border-bottom: 10px solid #2b6fc4; }
  .DocumentRankingModule .DocumentRankingTab {
    background-color: #FFFFFF; }
  .DocumentRankingModule .DocumentRankingContentHolder {
    height: auto;
    max-width: 644px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    border-bottom: 1px solid #dedfd5; }
    @media screen and (max-width: 768px) {
      .DocumentRankingModule .DocumentRankingContentHolder {
        min-height: 80px;
        height: auto;
        margin-top: 14px;
        padding-bottom: 7px; } }
    .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingPosition {
      float: left;
      width: 62px;
      /*height: 70px;*/
      padding-top: 8px;
      padding-left: 19px;
      font-family: "HarrisonSerifPro";
      font-size: 40px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.1;
      letter-spacing: normal;
      text-align: left;
      color: #2b6fc4; }
      @media screen and (max-width: 768px) {
        .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingPosition {
          padding-top: 0;
          padding-left: 0;
          width: 46px;
          /*height: 80px;*/
          font-size: 35px;
          line-height: 1.14;
          margin-top: -4px; } }
    .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText {
      float: left;
      max-width: 580px;
      width: 100%;
      margin-bottom: 13px; }
      @media screen and (max-width: 768px) {
        .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText {
          width: 82%;
          margin-bottom: 4px; } }
      .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText span.article-headline,
      .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText span.article-headline-premium {
        padding: 0;
        margin-top: 12px;
        margin-bottom: 7px;
        margin-left: 20px;
        font-family: "Atlas Grotesk";
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: 1.3px;
        text-align: left;
        color: #1e2b46;
        text-transform: uppercase; }
        @media screen and (max-width: 768px) {
          .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText span.article-headline,
          .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText span.article-headline-premium {
            margin-bottom: 3px;
            margin-left: 0;
            margin-top: 0; } }
        .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText span.article-headline img,
        .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText span.article-headline-premium img {
          margin-right: 5px;
          margin-top: -3px; }
      .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText h2.article-heading {
        padding: 0;
        margin-top: 0;
        margin-bottom: 3px;
        margin-left: 20px;
        font-family: "HarrisonSerifPro";
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.15;
        letter-spacing: normal;
        text-align: left;
        color: #1e2b46;
        /*&.article-heading-premium
				{
					font-weight: normal;
				}*/ }
        @media screen and (max-width: 768px) {
          .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText h2.article-heading {
            font-size: 18px;
            line-height: 1.22;
            margin-bottom: -1px;
            margin-left: 0; } }
      .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText span.article-ad {
        float: right;
        font-family: "Atlas Grotesk";
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.9;
        letter-spacing: normal;
        text-align: center;
        color: #8e8e8b; }
      .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText span.DocumentRankingNbViews {
        margin-left: 20px;
        font-family: "Atlas Grotesk";
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #2b6fc4; }
        @media screen and (max-width: 768px) {
          .DocumentRankingModule .DocumentRankingContentHolder .DocumentRankingText span.DocumentRankingNbViews {
            margin-left: 0; } }
  .DocumentRankingModule a:last-of-type .DocumentRankingContentHolder {
    border-bottom: none; }
  @media screen and (min-width: 768px) {
    .DocumentRankingModule.ServiceView span.headLine {
      border-top: 1px solid #dedfd5; }
    .DocumentRankingModule.ServiceView .DocumentRankingTab {
      border-top: 1px solid #dedfd5; }
    .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingPosition {
      padding-left: 10px;
      width: 50px; }
    .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingText {
      margin-left: 26px; }
      .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingText span.article-headline,
      .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingText span.article-headline-premium {
        margin-bottom: 5px;
        margin-top: 13px;
        margin-left: 0;
        width: 215px;
        /*line-height: 1.0;*/ }
      .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingText h2.article-heading {
        margin-bottom: 10px;
        width: 215px;
        margin-left: 0; }
      .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingText span.DocumentRankingNbViews {
        margin-left: 25px; } }
  @media screen and (min-width: 768px) {
    .DocumentRankingModule.ServiceView {
      margin-left: 10px;
      margin-right: 10px; }
      .DocumentRankingModule.ServiceView .DocumentRankingIcon {
        display: none; }
      .DocumentRankingModule.ServiceView span.headLine {
        padding-top: 30px;
        margin-bottom: 30px; }
      .DocumentRankingModule.ServiceView ul.DocumentRankingHeadPanel {
        display: none; }
      .DocumentRankingModule.ServiceView .DocumentRankingContent {
        border-bottom: none; }
      .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingPosition {
        font-size: 35px;
        padding-top: 0;
        margin-top: -4px;
        height: 80px; }
      .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingText {
        float: none;
        padding-right: 30px; }
        .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingText span.article-headline-premium {
          /*letter-spacing: 0;*/ }
        .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingText h2.article-heading {
          font-size: 16px;
          line-height: 1.19; }
        .DocumentRankingModule.ServiceView .DocumentRankingContentHolder .DocumentRankingText span.DocumentRankingNbViews {
          margin-left: 25px;
          display: block; } }
  @media screen and (max-width: 768px) {
    .DocumentRankingModule.ServiceView {
      padding-left: 20px;
      padding-right: 20px; } }
 /*for EPaperPreviewModule */
.EPaperPreviewModule {
  background-color: #c2def5;
  padding-bottom: 30px;
  padding-top: 30px;
  margin-left: 5px;
  margin-right: 5px; }
  @media screen and (max-width: 768px) {
    .EPaperPreviewModule {
      margin-left: -10px;
      margin-right: -10px; } }
  .EPaperPreviewModule .headLine {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: 1.7px;
    text-align: center;
    color: #1e2b46;
    margin-top: 0;
    margin-bottom: 30px; }
  .EPaperPreviewModule .EPaperPreviewModuleContent {
    position: relative;
    text-align: center; }
    .EPaperPreviewModule .EPaperPreviewModuleContent img {
      border: 2px solid gray;
      -webkit-box-shadow: 3px 3px 5px #30393D;
      box-shadow: 3px 3px 5px #30393D; }
    .EPaperPreviewModule .EPaperPreviewModuleContent .NewspaperBackground {
      background-image: url(/Custom/Images/Newspaper.png);
      background-repeat: no-repeat;
      -webkit-background-size: contain;
              background-size: contain;
      max-width: 225px;
      max-height: 154px;
      width: 225px;
      height: 154px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 1080px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .NewspaperBackground {
          max-width: 225px;
          max-height: 154px;
          width: 225px;
          height: 154px; } }
      @media screen and (max-width: 992px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .NewspaperBackground {
          max-width: 186px;
          max-height: 129px;
          width: 186px;
          height: 129px; } }
      @media screen and (max-width: 768px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .NewspaperBackground {
          max-width: 186px;
          max-height: 129px;
          width: 186px;
          height: 129px; } }
      @media screen and (max-width: 576px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .NewspaperBackground {
          max-width: 240px;
          max-height: 165px;
          width: 240px;
          height: 165px; } }
    .EPaperPreviewModule .EPaperPreviewModuleContent .EPaperPreview {
      background-repeat: no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
      max-width: 187px;
      max-height: 129px;
      width: 187px;
      height: 129px;
      position: absolute;
      bottom: 5px;
      margin-left: 17px; }
      @media screen and (max-width: 1080px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .EPaperPreview {
          max-width: 187px;
          max-height: 129px;
          width: 187px;
          height: 129px; } }
      @media screen and (max-width: 992px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .EPaperPreview {
          max-width: 148px;
          max-height: 102px;
          width: 148px;
          height: 102px; } }
      @media screen and (max-width: 768px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .EPaperPreview {
          max-width: 148px;
          max-height: 102px;
          width: 148px;
          height: 102px; } }
      @media screen and (max-width: 576px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .EPaperPreview {
          max-width: 202px;
          max-height: 140px;
          width: 202px;
          height: 140px;
          bottom: 10px; } }
    .EPaperPreviewModule .EPaperPreviewModuleContent .NewspaperShadow {
      background-image: url(/Custom/Images/NewspaperShadow.png);
      background-repeat: no-repeat;
      -webkit-background-size: contain;
              background-size: contain;
      max-width: 211px;
      max-height: 22px;
      width: 211px;
      height: 22px;
      position: absolute;
      bottom: 0;
      margin-left: 5px; }
      @media screen and (max-width: 1080px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .NewspaperShadow {
          max-width: 211px;
          max-height: 22px;
          width: 211px;
          height: 22px; } }
      @media screen and (max-width: 992px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .NewspaperShadow {
          max-width: 177px;
          max-height: 19px;
          width: 177px;
          height: 19px;
          margin-left: 3px; } }
      @media screen and (max-width: 768px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .NewspaperShadow {
          max-width: 177px;
          max-height: 19px;
          width: 177px;
          height: 19px;
          margin-left: 3px; } }
      @media screen and (max-width: 576px) {
        .EPaperPreviewModule .EPaperPreviewModuleContent .NewspaperShadow {
          max-width: 226px;
          max-height: 24px;
          width: 226px;
          height: 24px;
          margin-left: 2px; } }
  .EPaperPreviewModule .EPaperPreviewMeta .headLine {
    display: none; }
  .EPaperPreviewModule .EPaperPreviewDescription {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 23px; }
    .EPaperPreviewModule .EPaperPreviewDescription h6 {
      font-family: "HarrisonSerifPro";
      font-size: 20px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.15;
      letter-spacing: normal;
      color: #1e2b46;
      margin-bottom: 10px; }
    .EPaperPreviewModule .EPaperPreviewDescription div {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #1e2b46; }
  .EPaperPreviewModule .EPaperPreviewReadNowLink {
    padding-top: 12px;
    height: 40px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    margin-top: 26px;
    border-radius: 3px;
    background-color: #009ee0;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    color: #fff;
    text-transform: uppercase; }
    .EPaperPreviewModule .EPaperPreviewReadNowLink a {
      color: #fff; }
  .EPaperPreviewModule .EPaperPreviewLoginLink {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    padding-top: 12px;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #8e8e8b;
    background-color: #c2def5;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center;
    color: #1e2b46; }
    .EPaperPreviewModule .EPaperPreviewLoginLink .WcmsModule.row:first-of-type {
      padding-top: 0;
      padding-bottom: 0; }
    .EPaperPreviewModule .EPaperPreviewLoginLink .LoginLinkModule .fi-logout-content {
      display: none !important; }
    .EPaperPreviewModule .EPaperPreviewLoginLink .LoginLinkModule .fi-login-content {
      text-align: center; }
      .EPaperPreviewModule .EPaperPreviewLoginLink .LoginLinkModule .fi-login-content a svg {
        display: none; }
      @media screen and (max-width: 992px) {
        .EPaperPreviewModule .EPaperPreviewLoginLink .LoginLinkModule .fi-login-content div:nth-of-type(1) {
          display: block !important; }
        .EPaperPreviewModule .EPaperPreviewLoginLink .LoginLinkModule .fi-login-content div:nth-of-type(2) {
          display: none !important; } }
      @media screen and (max-width: 576px) {
        .EPaperPreviewModule .EPaperPreviewLoginLink .LoginLinkModule .fi-login-content div:nth-of-type(1) {
          display: block !important; }
        .EPaperPreviewModule .EPaperPreviewLoginLink .LoginLinkModule .fi-login-content div:nth-of-type(2) {
          display: none !important; } }
  @media screen and (max-width: 992px) {
    .EPaperPreviewModule .EPaperPreviewModuleContent {
      float: left;
      margin-left: 5px;
      width: 29%;
      margin-top: 13px; }
    .EPaperPreviewModule .headLine {
      display: none; }
    .EPaperPreviewModule .EPaperPreviewMeta {
      float: right;
      width: 68%;
      margin-top: 13px; } }
  @media screen and (max-width: 992px) and (max-width: 700px) {
    .EPaperPreviewModule .EPaperPreviewMeta {
      width: 67%; } }
  @media screen and (max-width: 992px) and (max-width: 670px) {
    .EPaperPreviewModule .EPaperPreviewMeta {
      width: 65%; } }
  @media screen and (max-width: 992px) and (max-width: 640px) {
    .EPaperPreviewModule .EPaperPreviewMeta {
      width: 63%; } }
  @media screen and (max-width: 992px) and (max-width: 610px) {
    .EPaperPreviewModule .EPaperPreviewMeta {
      width: 61%; } }
  @media screen and (max-width: 992px) and (max-width: 580px) {
    .EPaperPreviewModule .EPaperPreviewMeta {
      width: 59%; } }
  @media screen and (max-width: 992px) {
      .EPaperPreviewModule .EPaperPreviewMeta .headLine {
        display: block;
        text-align: left;
        font-family: "Atlas Grotesk";
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: 1.3px;
        color: #1e2b46; }
      .EPaperPreviewModule .EPaperPreviewMeta .EPaperPreviewDescription {
        padding-left: 0; }
        .EPaperPreviewModule .EPaperPreviewMeta .EPaperPreviewDescription h6 {
          margin-top: -21px; }
      .EPaperPreviewModule .EPaperPreviewMeta .EPaperPreviewReadNowLink {
        margin-left: 0;
        margin-top: 18px;
        width: 45%;
        float: left; } }
    @media screen and (max-width: 992px) and (max-width: 660px) {
      .EPaperPreviewModule .EPaperPreviewMeta .EPaperPreviewReadNowLink {
        width: 43%; } }
  @media screen and (max-width: 992px) {
      .EPaperPreviewModule .EPaperPreviewMeta .EPaperPreviewLoginLink {
        margin-left: 0;
        margin-top: 18px;
        width: 45%;
        float: left; } }
    @media screen and (max-width: 992px) and (max-width: 660px) {
      .EPaperPreviewModule .EPaperPreviewMeta .EPaperPreviewLoginLink {
        width: 43%; } }
  @media screen and (max-width: 576px) {
    .EPaperPreviewModule .EPaperPreviewModuleContent {
      float: none;
      width: 100%;
      margin-left: 0; }
    .EPaperPreviewModule .headLine {
      display: block; }
    .EPaperPreviewModule .EPaperPreviewMeta {
      float: none;
      width: 260px;
      margin-left: auto;
      margin-right: auto; }
      .EPaperPreviewModule .EPaperPreviewMeta .headLine {
        display: none; }
      .EPaperPreviewModule .EPaperPreviewMeta .EPaperPreviewDescription {
        padding-left: 20px; }
        .EPaperPreviewModule .EPaperPreviewMeta .EPaperPreviewDescription h6 {
          margin-top: 0; }
      .EPaperPreviewModule .EPaperPreviewMeta .EPaperPreviewReadNowLink {
        margin-left: 20px;
        float: none;
        width: auto;
        margin-top: 26px;
        height: 50px;
        padding-top: 16px; }
      .EPaperPreviewModule .EPaperPreviewMeta .EPaperPreviewLoginLink {
        margin-left: 20px;
        float: none;
        width: auto;
        margin-top: 15px;
        height: 50px;
        padding-top: 16px; } }
 .LatestWebStoryCommentsModule
{
	overflow:auto;	
}

.LatestWebStoryCommentsContent
{
	
}

.WebStoryLatestCommentBox
{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	overflow:auto;
}

.WebStoryLatestCommentBox .hgroup .ArticleMeta
{
	color: #6699CC;
	margin: 0px 0px 5px 0px;
}

.WebStoryLatestCommentBox .hgroup h2
{
	color:#333;
	font-weight:normal;
	font-size:28px;
	line-height:normal;
	margin: 0px 0px 10px 0px;	
}

.WebStoryLatestCommentBox .hgroup h3
{
	font-size: 16px;
	font-weight:normal;
	display:inherit;
	text-transform:none;
	color: #6699CC;
	letter-spacing:normal;
}

.WebStoryLatestCommentBox .hgroup h3 a:link,
.WebStoryLatestCommentBox .hgroup h3 a:active,
.WebStoryLatestCommentBox .hgroup h3 a:visited,
.WebStoryLatestCommentBox .hgroup h3 a:active
{
	color: #6699CC;
}


.WebStoryLatestCommentBox .comments
{
}

.WebStoryLatestCommentBox .comments ul
{
	list-style:none;	
	padding: 0px 0px 0px 0px;
	margin: 14px 0px 0px 0px;
}

.WebStoryLatestCommentBox .comments li:before
{
	padding: 0px 4px 10px 0px;
}

.WebStoryLatestCommentBox .comments li
{
	margin: 0px 0px 4px 0px;	
}

.WebStoryLatestCommentBox .comments .Pseudonym
{
	font-weight:bold;	
}

.WebStoryLatestCommentBox .footer
{
	float:right;	
}

.WebStoryLatestCommentBox a.commentLink
{ 
    color: #6699CC;
}

.WebStoryLatestCommentBox A.commentLink img
{
	margin: 0px 0px 0px 2px;
	vertical-align:middle;	
}

/* XSLParam Preeview */
.WebStoryLatestCommentBoxPreview
{
	
}

.WebStoryLatestCommentBoxPreview:before
{
	margin-top:6px;
	float:left;
	padding: 0px 0px 0px 0px;
}

.WebStoryLatestCommentBoxPreview h2
{
	color:#333;
	font-weight:normal;
	font-size:14px;
	line-height:1.5em;
	text-decoration:none;
	margin:0px;
	padding: 0px 0px 0px 0px;
	
}

.WebStoryLatestCommentBoxPreview .comments
{
	font-style:italic;	
	padding: 0px 0px 0px 0px;
}


.WebStoryLatestCommentBoxPreview .comments ul
{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

 .LiveTickerModule
{
}

.LiveTickerModule .LiveTickerClosed {
  font-weight: 300;
  font-style: italic; 

}


.LiveTickerModule div[name=LiveTickerDescription]
{
}

.LiveTickerModule ul.LiveTickerItems
{
	margin-top:10px;
	padding-top:10px;
}

/*LiveTicker Image*/
ul.LiveTickerItems .LiveTickerImage img{
	width:100%;
}


/*timeline handling*/
ul.LiveTickerItems.timeline {
	position: relative;
}

ul.LiveTickerItems.timeline > li {
		padding-left: 40px;
	}

ul.LiveTickerItems.timeline > li:before {
		content: ' ';
		background: white;
		display: inline-block;
		position: absolute;
		border-radius: 50%;
		border: 1px solid #246bb3;
		left: 0px;
		width: 20px;
		height: 20px;
		height: 20px;
		z-index: 400;
}

ul.LiveTickerItems.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 9px;
	width: 1px;
	height: 100%;
	z-index: 400;
}


.LiveTickerModule .PopupPanelBackground
{
	float:right;
}

.LiveTickerModule .PopupPanel
{
	width:600px;
	left:30%;
}

.LiveTickerModule input[name=NewLiveTickerItemHeading]
{
	width:100%;
}

.LiveTickerItem
{
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}



.LiveTickerItemDate
{
	display: inline-block;
	font-style:italic;
	font-weight: 300;
	font-size: 0.8em;
}

.LiveTickerItemTime
{
	display: inline-block;
	margin-right:5px;
	font-style:italic;
	font-weight: 600;
}

.LiveTickerItemPlayTime {
	display: inline-block;
	margin-right: 5px;
	font-weight: 600;
}

.LiveTickerItemHeading
{
	display: block;
}

.LiveTickerItemContent
{
	display: block;
}

.LiveTickerItemContent img
{
	max-width: 100%;
}

.LiveTickerPreview .LiveTickerItemContent
{
	display: none;
} /* css definitions for newsletter wcms pages */
/*************************************************************************************************/
/* Wcms/News/NewsletterSubscription.aspx */
/*************************************************************************************************/
.NewsletterSubscription li {
  margin: 17px 0px; }

.NewsletterSubscription span.NewsletterLabel {
  font-size: 1.1em;
  position: relative;
  top: -3px; }

@media (min-width: 768px) {
  .col-sm-8 .NewsletterSubscription.NoUserNavigator,
  .col-sm-8 .WcmsPage.NoUserNavigator {
    width: 151%; }
  .col-sm-push-4 .NewsletterSubscription.NoUserNavigator,
  .col-sm-8 .WcmsPage.NoUserNavigator {
    margin-left: -51%; } }

/*************************************************************************************************/
/* Wcms/News/NewsletterShow.aspx */
/*************************************************************************************************/
 /* For NewsListLinkModule */
.NewsListLinkModule a
{
	float:right;
} /*for PictureGalleryPreviewModule */
/*for PictureGalleryPreviewModule */
/*PMODIF JST 2018-06-04 changed Layout also for custswipergallerypreviewmodule*/
.CustSwiperGalleryPreviewHeader.headLine {
  margin-bottom: 20px;
  margin-top: 18px; }

.CustSwiperGalleryPreviewContent {
  padding-left: 10px;
  padding-right: 10px; }

.PictureGalleryPreviewModule,
.CustSwiperGalleryPreviewContent {
  /* class for one picture gallery dokument in the preview modul */ }
  .PictureGalleryPreviewModule .PremiumIcon,
  .CustSwiperGalleryPreviewContent .PremiumIcon {
    height: 14px; }
  .PictureGalleryPreviewModule svg.PremiumIcon,
  .CustSwiperGalleryPreviewContent svg.PremiumIcon {
    height: 14px;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -2px; }
    .PictureGalleryPreviewModule svg.PremiumIcon path, .PictureGalleryPreviewModule svg.PremiumIcon polygon,
    .CustSwiperGalleryPreviewContent svg.PremiumIcon path,
    .CustSwiperGalleryPreviewContent svg.PremiumIcon polygon {
      /*fill: #fff !important;*/ }
  .PictureGalleryPreviewModule .PictureGalleryPreviewDoc,
  .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc {
    position: relative;
    margin-bottom: 5px;
    /* the heading tag */
    /* handling for LayoutDesign "LayerHeading" */
    /* handling for LayoutDesign "HeadingInside" */ }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc a:hover,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc a:hover {
      text-decoration: none; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc a:hover .PictureGalleryPreviewHeadline,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc a:hover .PictureGalleryPreviewHeadline {
        text-decoration: none;
        color: #1e2b46; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc a:hover .picgallery-heading,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc a:hover .picgallery-heading {
        text-decoration: none; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc span.picgallery-heading,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc span.picgallery-heading {
      font-family: "HarrisonSerifPro";
      font-size: 20px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.15;
      letter-spacing: normal;
      color: #1e2b46; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc span.picgallery-heading :hover,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc span.picgallery-heading :hover {
        color: #1e2b46;
        text-decoration: none; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .PicGallery-Premium span.picgallery-heading,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc .PicGallery-Premium span.picgallery-heading {
      font-family: "HarrisonSerifPro";
      font-size: 27px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.15;
      letter-spacing: normal;
      color: #1e2b46; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .imageContainer,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc .imageContainer {
      position: relative;
      width: 100%;
      height: auto;
      display: block;
      margin: auto;
      margin-bottom: 10px;
      max-height: 156px;
      overflow: hidden; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc img,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc img {
      width: 100%; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .PictureGalleryPreviewHeadline,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc .PictureGalleryPreviewHeadline {
      font-family: "Atlas Grotesk";
      font-size: 10px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.4;
      letter-spacing: 1.3px;
      display: block;
      margin-bottom: 9px;
      margin-top: 17px;
      text-transform: uppercase; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .preview-doc-icon,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc .preview-doc-icon {
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      width: 100%;
      height: 100%; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .preview-doc-icon .glyph-wrapper,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc .preview-doc-icon .glyph-wrapper {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 60px;
        height: 30px;
        /*transform:translate(-50%, -50%);*/
        color: #1e2b46;
        background-color: #c2def5;
        text-align: left;
        padding: 3px 0px 3px 5px; }
        .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .preview-doc-icon .glyph-wrapper .rn-ico,
        .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc .preview-doc-icon .glyph-wrapper .rn-ico {
          font-size: 20px;
          vertical-align: middle; }
        .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .preview-doc-icon .glyph-wrapper .PictureGalleryItemCount,
        .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc .preview-doc-icon .glyph-wrapper .PictureGalleryItemCount {
          font-family: "Atlas Grotesk";
          font-size: 10px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #1e2b46;
          margin-left: 9px; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .picgallery-description,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc .picgallery-description {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #1e2b46;
      margin-top: 10px; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .picgallery-meta,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc .picgallery-meta {
      margin-top: 10px;
      font-family: "Atlas Grotesk";
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.25;
      letter-spacing: normal;
      color: #8e8e8b; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .picgallery-meta .picgallery-section,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc .picgallery-meta .picgallery-section {
        font-weight: bold;
        color: #1e2b46; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryPreviewRow,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryPreviewRow {
      border-top: 1px solid #dedfd5;
      padding-top: 30px;
      margin-top: 30px; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryPreviewRow .PictureGalleryPreviewHeadline,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryPreviewRow .PictureGalleryPreviewHeadline {
        margin-top: 0;
        color: #009ee0; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryPreviewRow .PicGallery-Premium .PictureGalleryPreviewHeadline,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryPreviewRow .PicGallery-Premium .PictureGalleryPreviewHeadline {
        color: #1e2b46; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryLayer {
      position: relative;
      color: #FFF;
      background-color: #1e2b46; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer img,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryLayer img {
        display: block; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer .imageContainer,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryLayer .imageContainer {
        margin-bottom: 0px; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer div.heading-layer,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryLayer div.heading-layer {
        position: absolute;
        bottom: 0px;
        width: 100%;
        margin-bottom: 0px;
        padding: 5px;
        text-align: center; }
        .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer div.heading-layer span,
        .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryLayer div.heading-layer span {
          display: none;
          color: #FFF; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer :hover div.heading-layer span,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryLayer :hover div.heading-layer span {
        display: block;
        color: #FFF; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer :hover img,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryLayer :hover img {
        visibility: hidden; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer img.preview-doc-icon,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryLayer img.preview-doc-icon {
        bottom: 3px; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryHeadingInside,
    .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryHeadingInside {
      position: relative;
      overflow: hidden; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryHeadingInside .imageContainer,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryHeadingInside .imageContainer {
        margin-bottom: 0px; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryHeadingInside .heading-background,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryHeadingInside .heading-background {
        position: absolute;
        bottom: 0px;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), to(transparent));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85), transparent);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85), transparent);
        background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
        height: 100%;
        width: 100%; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryHeadingInside .heading-background span,
      .CustSwiperGalleryPreviewContent .PictureGalleryPreviewDoc.PictureGalleryHeadingInside .heading-background span {
        position: absolute;
        bottom: 0;
        color: #fff;
        /*font-size: calc(1.4vw + 1.4vh + 1vmin);*/
        font-weight: 500;
        text-align: center;
        vertical-align: text-bottom;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 1.0em;
        line-height: 1.3;
        margin-bottom: 0px;
        width: 100%;
        text-shadow: 0 0 20px rgba(0, 0, 20, 0.25); }
 /* for PictureGalleryShowJavascriptModule ,PicListModule and MotifPicItemListModule */
/* for PictureGalleryShowJavascriptModule ,PicListModule and MotifPicItemListModule */
.InlinePictureGalleryBox .PictureGalleryShowJavascriptModule,
.InlinePictureGalleryBox .PicListModule,
.InlinePictureGalleryBox .MotifPicItemListModule {
  background-color: #f5f5ef; }
  .InlinePictureGalleryBox .PictureGalleryShowJavascriptModule .PictureGalleryShowModuleTitle,
  .InlinePictureGalleryBox .PictureGalleryShowJavascriptModule .PictureGalleryDividerPremium,
  .InlinePictureGalleryBox .PictureGalleryShowJavascriptModule .PictureGalleryShowDescription,
  .InlinePictureGalleryBox .PictureGalleryShowJavascriptModule .PictureGalleryShowDateShare,
  .InlinePictureGalleryBox .PictureGalleryShowJavascriptModule .PictureGalleryDividerStd,
  .InlinePictureGalleryBox .PictureGalleryShowJavascriptModule .PictureGalleryShowTags,
  .InlinePictureGalleryBox .PicListModule .PictureGalleryShowModuleTitle,
  .InlinePictureGalleryBox .PicListModule .PictureGalleryDividerPremium,
  .InlinePictureGalleryBox .PicListModule .PictureGalleryShowDescription,
  .InlinePictureGalleryBox .PicListModule .PictureGalleryShowDateShare,
  .InlinePictureGalleryBox .PicListModule .PictureGalleryDividerStd,
  .InlinePictureGalleryBox .PicListModule .PictureGalleryShowTags,
  .InlinePictureGalleryBox .MotifPicItemListModule .PictureGalleryShowModuleTitle,
  .InlinePictureGalleryBox .MotifPicItemListModule .PictureGalleryDividerPremium,
  .InlinePictureGalleryBox .MotifPicItemListModule .PictureGalleryShowDescription,
  .InlinePictureGalleryBox .MotifPicItemListModule .PictureGalleryShowDateShare,
  .InlinePictureGalleryBox .MotifPicItemListModule .PictureGalleryDividerStd,
  .InlinePictureGalleryBox .MotifPicItemListModule .PictureGalleryShowTags {
    display: none; }
  .InlinePictureGalleryBox .PictureGalleryShowJavascriptModule.premium h1,
  .InlinePictureGalleryBox .PicListModule.premium h1,
  .InlinePictureGalleryBox .MotifPicItemListModule.premium h1 {
    font-family: "Atlas Grotesk";
    font-size: 19px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46;
    margin-bottom: 34px;
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 9px; }
  .InlinePictureGalleryBox .PictureGalleryShowJavascriptModule h1,
  .InlinePictureGalleryBox .PicListModule h1,
  .InlinePictureGalleryBox .MotifPicItemListModule h1 {
    font-family: "Atlas Grotesk";
    font-size: 19px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46;
    margin-bottom: 34px;
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 9px; }
  .InlinePictureGalleryBox .PictureGalleryShowJavascriptModule .swiper-slide,
  .InlinePictureGalleryBox .PicListModule .swiper-slide,
  .InlinePictureGalleryBox .MotifPicItemListModule .swiper-slide {
    background-color: #f5f5ef; }
    .InlinePictureGalleryBox .PictureGalleryShowJavascriptModule .swiper-slide figure,
    .InlinePictureGalleryBox .PicListModule .swiper-slide figure,
    .InlinePictureGalleryBox .MotifPicItemListModule .swiper-slide figure {
      width: 100%;
      height: 100%; }

.PictureGalleryShowJavascriptModule .PianoContent,
.PicListModule .PianoContent,
.MotifPicItemListModule .PianoContent {
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.PictureGalleryShowJavascriptModule.premium .PictureGalleryShowModuleTitle,
.PicListModule.premium .PictureGalleryShowModuleTitle,
.MotifPicItemListModule.premium .PictureGalleryShowModuleTitle {
  text-align: center; }

.PictureGalleryShowJavascriptModule.premium h1,
.PicListModule.premium h1,
.MotifPicItemListModule.premium h1 {
  text-align: center;
  font-size: 40px;
  font-weight: normal;
  line-height: 1.1; }

.PictureGalleryShowJavascriptModule.premium .PictureGalleryShowDateShare,
.PicListModule.premium .PictureGalleryShowDateShare,
.MotifPicItemListModule.premium .PictureGalleryShowDateShare {
  margin-bottom: 93px; }

.PictureGalleryShowJavascriptModule .PictureGalleryShowModuleTitle,
.PicListModule .PictureGalleryShowModuleTitle,
.MotifPicItemListModule .PictureGalleryShowModuleTitle {
  margin-top: 78px;
  font-family: "Atlas Grotesk";
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: 1.5px;
  text-align: left;
  text-transform: uppercase;
  color: #1e2b46;
  margin-bottom: 11px;
  max-width: 644px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.PictureGalleryShowJavascriptModule .headLine,
.PicListModule .headLine,
.MotifPicItemListModule .headLine {
  font-family: "Atlas Grotesk";
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: 1.5px;
  text-align: center;
  color: #1e2b46;
  border: none;
  margin-top: 34px;
  display: block; }

.PictureGalleryShowJavascriptModule h1,
.PicListModule h1,
.MotifPicItemListModule h1 {
  font-family: "HarrisonSerifPro";
  font-size: 35px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: #1e2b46;
  text-transform: none;
  max-width: 644px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9px; }

.PictureGalleryShowJavascriptModule .PictureGalleryDividerPremium,
.PicListModule .PictureGalleryDividerPremium,
.MotifPicItemListModule .PictureGalleryDividerPremium {
  max-width: 644px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 59px;
  margin-bottom: 34px;
  height: 12px;
  background-color: #ffed3c; }

.PictureGalleryShowJavascriptModule .PictureGalleryShowDescription,
.PicListModule .PictureGalleryShowDescription,
.MotifPicItemListModule .PictureGalleryShowDescription {
  font-family: "Atlas Grotesk";
  font-size: 19px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #1e2b46;
  text-transform: none;
  margin-top: 27px;
  margin-bottom: 29px;
  max-width: 644px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.PictureGalleryShowJavascriptModule .PictureGalleryShowDateShare,
.PicListModule .PictureGalleryShowDateShare,
.MotifPicItemListModule .PictureGalleryShowDateShare {
  height: 20px;
  max-width: 644px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .PictureGalleryShowJavascriptModule .PictureGalleryShowDateShare .PictureGalleryShowDate,
  .PicListModule .PictureGalleryShowDateShare .PictureGalleryShowDate,
  .MotifPicItemListModule .PictureGalleryShowDateShare .PictureGalleryShowDate {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #8e8e8b; }
  .PictureGalleryShowJavascriptModule .PictureGalleryShowDateShare .AddToWatchListLink i,
  .PicListModule .PictureGalleryShowDateShare .AddToWatchListLink i,
  .MotifPicItemListModule .PictureGalleryShowDateShare .AddToWatchListLink i {
    font-size: 16px; }
  @media screen and (max-width: 492px) {
    .PictureGalleryShowJavascriptModule .PictureGalleryShowDateShare .PictureGalleryShowDate,
    .PicListModule .PictureGalleryShowDateShare .PictureGalleryShowDate,
    .MotifPicItemListModule .PictureGalleryShowDateShare .PictureGalleryShowDate {
      float: none;
      display: block; }
    .PictureGalleryShowJavascriptModule .PictureGalleryShowDateShare .ShowShare,
    .PicListModule .PictureGalleryShowDateShare .ShowShare,
    .MotifPicItemListModule .PictureGalleryShowDateShare .ShowShare {
      float: none;
      display: block;
      margin-top: 44px; } }

.PictureGalleryShowJavascriptModule .PictureGalleryDividerStd,
.PicListModule .PictureGalleryDividerStd,
.MotifPicItemListModule .PictureGalleryDividerStd {
  max-width: 644px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 26px;
  margin-bottom: 91px;
  height: 10px;
  background-color: #dedfd5; }
  @media screen and (max-width: 492px) {
    .PictureGalleryShowJavascriptModule .PictureGalleryDividerStd,
    .PicListModule .PictureGalleryDividerStd,
    .MotifPicItemListModule .PictureGalleryDividerStd {
      margin-top: 106px; } }

.PictureGalleryShowJavascriptModule .PictureGalleryShowTags,
.PicListModule .PictureGalleryShowTags,
.MotifPicItemListModule .PictureGalleryShowTags {
  max-width: 810px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #dedfd5;
  margin-top: 86px;
  padding-top: 34px;
  padding-bottom: 25px; }
  .PictureGalleryShowJavascriptModule .PictureGalleryShowTags .PictureGalleryShowTagsTitle,
  .PicListModule .PictureGalleryShowTags .PictureGalleryShowTagsTitle,
  .MotifPicItemListModule .PictureGalleryShowTags .PictureGalleryShowTagsTitle {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #8e8e8b;
    display: block; }
  .PictureGalleryShowJavascriptModule .PictureGalleryShowTags .PictureGalleryTags,
  .PicListModule .PictureGalleryShowTags .PictureGalleryTags,
  .MotifPicItemListModule .PictureGalleryShowTags .PictureGalleryTags {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #1e2b46;
    position: relative;
    border-bottom: 1px solid #00ca88; }
    .PictureGalleryShowJavascriptModule .PictureGalleryShowTags .PictureGalleryTags:hover,
    .PicListModule .PictureGalleryShowTags .PictureGalleryTags:hover,
    .MotifPicItemListModule .PictureGalleryShowTags .PictureGalleryTags:hover {
      text-decoration: none;
      color: #00ca88;
      border-bottom: none; }
    .PictureGalleryShowJavascriptModule .PictureGalleryShowTags .PictureGalleryTags:visited,
    .PicListModule .PictureGalleryShowTags .PictureGalleryTags:visited,
    .MotifPicItemListModule .PictureGalleryShowTags .PictureGalleryTags:visited {
      text-decoration: none;
      color: #00ca88;
      border-bottom: none; }

.PictureGalleryShowJavascriptModule figcaption,
.PicListModule figcaption,
.MotifPicItemListModule figcaption {
  margin-top: 12px;
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46;
  max-width: 644px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media screen and (max-width: 480px) {
    .PictureGalleryShowJavascriptModule figcaption,
    .PicListModule figcaption,
    .MotifPicItemListModule figcaption {
      /*margin-left: 15px;
			margin-right: 15px;*/ } }
  .PictureGalleryShowJavascriptModule figcaption .PictureGalleryCopyright,
  .PicListModule figcaption .PictureGalleryCopyright,
  .MotifPicItemListModule figcaption .PictureGalleryCopyright {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #8e8e8b;
    margin-left: 5px; }

@media screen and (max-width: 768px) {
  .PictureGalleryShowJavascriptModule .headLine,
  .PicListModule .headLine,
  .MotifPicItemListModule .headLine {
    /*margin-top: 25px;*/ }
  .PictureGalleryShowJavascriptModule h1,
  .PicListModule h1,
  .MotifPicItemListModule h1 {
    /*margin-bottom: 30px;
			margin-top: 10px;*/
    font-size: 18px;
    line-height: 1.22; }
  .PictureGalleryShowJavascriptModule figcaption,
  .PicListModule figcaption,
  .MotifPicItemListModule figcaption {
    font-size: 14px;
    line-height: 1.43; } }

.PictureGalleryShowJavascriptModule .image.swiper-container,
.PicListModule .image.swiper-container,
.MotifPicItemListModule .image.swiper-container {
  position: initial; }
  .PictureGalleryShowJavascriptModule .image.swiper-container .swiper-pagination,
  .PicListModule .image.swiper-container .swiper-pagination,
  .MotifPicItemListModule .image.swiper-container .swiper-pagination {
    top: -12px;
    left: 90%;
    z-index: 1000; }
    .PictureGalleryShowJavascriptModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet,
    .PicListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet,
    .MotifPicItemListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet {
      background: #fff;
      opacity: 1;
      margin: 0 3px;
      height: 7px;
      width: 7px; }
    .PictureGalleryShowJavascriptModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active,
    .PicListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active,
    .MotifPicItemListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
      background: #1e2b46; }
    .PictureGalleryShowJavascriptModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-prev,
    .PictureGalleryShowJavascriptModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-next,
    .PicListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-prev,
    .PicListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-next,
    .MotifPicItemListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-prev,
    .MotifPicItemListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-next {
      -webkit-transform: scale(0.88);
      -ms-transform: scale(0.88);
      -o-transform: scale(0.88);
         transform: scale(0.88); }
    .PictureGalleryShowJavascriptModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-prev-prev,
    .PictureGalleryShowJavascriptModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-next-next,
    .PicListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-prev-prev,
    .PicListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-next-next,
    .MotifPicItemListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-prev-prev,
    .MotifPicItemListModule .image.swiper-container .swiper-pagination .swiper-pagination-bullet-active-next-next {
      -webkit-transform: scale(0.44);
      -ms-transform: scale(0.44);
      -o-transform: scale(0.44);
         transform: scale(0.44); }
  .PictureGalleryShowJavascriptModule .image.swiper-container .swiper-slide .row,
  .PicListModule .image.swiper-container .swiper-slide .row,
  .MotifPicItemListModule .image.swiper-container .swiper-slide .row {
    /* needed for text region if to use fade effect */ }

.PictureGalleryShowJavascriptModule .outer-stripe-swiper-container,
.PicListModule .outer-stripe-swiper-container,
.MotifPicItemListModule .outer-stripe-swiper-container {
  padding-left: 0px;
  padding-right: 0px; }

.PictureGalleryShowJavascriptModule .stripe.swiper-container,
.PicListModule .stripe.swiper-container,
.MotifPicItemListModule .stripe.swiper-container {
  width: 100%;
  padding-bottom: 30px; }
  .PictureGalleryShowJavascriptModule .stripe.swiper-container .swiper-slide,
  .PicListModule .stripe.swiper-container .swiper-slide,
  .MotifPicItemListModule .stripe.swiper-container .swiper-slide {
    width: auto;
    height: 100%; }
    .PictureGalleryShowJavascriptModule .stripe.swiper-container .swiper-slide img,
    .PicListModule .stripe.swiper-container .swiper-slide img,
    .MotifPicItemListModule .stripe.swiper-container .swiper-slide img {
      width: auto;
      height: 85px; }

.PictureGalleryShowJavascriptModule .PictureGalleryStripe .stripe.swiper-button-prev,
.PictureGalleryShowJavascriptModule .PictureGalleryStripe .stripe.swiper-button-next,
.PicListModule .PictureGalleryStripe .stripe.swiper-button-prev,
.PicListModule .PictureGalleryStripe .stripe.swiper-button-next,
.MotifPicItemListModule .PictureGalleryStripe .stripe.swiper-button-prev,
.MotifPicItemListModule .PictureGalleryStripe .stripe.swiper-button-next {
  top: 45px; }

.PictureGalleryShowJavascriptModule .PictureGalleryImage,
.PicListModule .PictureGalleryImage,
.MotifPicItemListModule .PictureGalleryImage {
  position: relative;
  margin-bottom: 34px; }
  .PictureGalleryShowJavascriptModule .PictureGalleryImage img.img-responsive,
  .PicListModule .PictureGalleryImage img.img-responsive,
  .MotifPicItemListModule .PictureGalleryImage img.img-responsive {
    margin-bottom: 10px; }

.PictureGalleryShowJavascriptModule .PictureGalleryNavigation,
.PicListModule .PictureGalleryNavigation,
.MotifPicItemListModule .PictureGalleryNavigation {
  background-color: #c2def5;
  position: absolute;
  z-index: 10;
  background-color: #c2def5;
  padding: 8px 9px;
  top: -30px;
  right: 0;
  width: 166px;
  height: 60px; }
  .PictureGalleryShowJavascriptModule .PictureGalleryNavigation button,
  .PicListModule .PictureGalleryNavigation button,
  .MotifPicItemListModule .PictureGalleryNavigation button {
    position: absolute;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0; }
    .PictureGalleryShowJavascriptModule .PictureGalleryNavigation button.Prev,
    .PicListModule .PictureGalleryNavigation button.Prev,
    .MotifPicItemListModule .PictureGalleryNavigation button.Prev {
      left: 15px;
      top: 15px; }
    .PictureGalleryShowJavascriptModule .PictureGalleryNavigation button.Next,
    .PicListModule .PictureGalleryNavigation button.Next,
    .MotifPicItemListModule .PictureGalleryNavigation button.Next {
      right: 15px;
      top: 15px; }
    .PictureGalleryShowJavascriptModule .PictureGalleryNavigation button img,
    .PicListModule .PictureGalleryNavigation button img,
    .MotifPicItemListModule .PictureGalleryNavigation button img {
      width: 32px; }
  .PictureGalleryShowJavascriptModule .PictureGalleryNavigation .Pages,
  .PicListModule .PictureGalleryNavigation .Pages,
  .MotifPicItemListModule .PictureGalleryNavigation .Pages {
    font-family: "Atlas Grotesk";
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46;
    position: absolute;
    left: 45px;
    top: 21px;
    width: 60px;
    text-align: right; }
  @media screen and (max-width: 768px) {
    .PictureGalleryShowJavascriptModule .PictureGalleryNavigation,
    .PicListModule .PictureGalleryNavigation,
    .MotifPicItemListModule .PictureGalleryNavigation {
      position: relative;
      top: 10px;
      padding-left: 15px;
      padding-top: 6px;
      padding-bottom: 14px;
      width: 100%;
      height: 40px; }
      .PictureGalleryShowJavascriptModule .PictureGalleryNavigation button,
      .PicListModule .PictureGalleryNavigation button,
      .MotifPicItemListModule .PictureGalleryNavigation button {
        display: none; }
      .PictureGalleryShowJavascriptModule .PictureGalleryNavigation .Pages,
      .PicListModule .PictureGalleryNavigation .Pages,
      .MotifPicItemListModule .PictureGalleryNavigation .Pages {
        font-size: 13px;
        line-height: 1.15;
        position: relative;
        top: auto;
        left: auto; } }

@media screen and (max-width: 768px) {
  .PictureGalleryShowJavascriptModule .PictureGallerySwiper,
  .PicListModule .PictureGallerySwiper,
  .MotifPicItemListModule .PictureGallerySwiper {
    padding-left: 0;
    padding-right: 0; } }

.PictureGalleryShowJavascriptModule .ShowShare,
.PicListModule .ShowShare,
.MotifPicItemListModule .ShowShare {
  float: right;
  margin-bottom: 20px; }
  .PictureGalleryShowJavascriptModule .ShowShare a,
  .PicListModule .ShowShare a,
  .MotifPicItemListModule .ShowShare a {
    margin-right: 15px; }
    .PictureGalleryShowJavascriptModule .ShowShare a::after,
    .PicListModule .ShowShare a::after,
    .MotifPicItemListModule .ShowShare a::after {
      background: none; }
    .PictureGalleryShowJavascriptModule .ShowShare a:hover,
    .PicListModule .ShowShare a:hover,
    .MotifPicItemListModule .ShowShare a:hover {
      text-decoration: none; }
      .PictureGalleryShowJavascriptModule .ShowShare a:hover i,
      .PicListModule .ShowShare a:hover i,
      .MotifPicItemListModule .ShowShare a:hover i {
        color: #00ca88; }
      .PictureGalleryShowJavascriptModule .ShowShare a:hover::after,
      .PicListModule .ShowShare a:hover::after,
      .MotifPicItemListModule .ShowShare a:hover::after {
        background: none; }

.PictureGalleryShowJavascriptModule .fixed-bg-image,
.PicListModule .fixed-bg-image,
.MotifPicItemListModule .fixed-bg-image {
  height: 540px;
  width: 100%;
  background-position: center;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  /*@media screen and (max-width:768px)
		{
			height: 330px;
			width: 100%;
		}

		@media screen and (max-width:480px)
		{
			height: 200px;
			width: 100%;
		}*/ }

.PictureGalleryShowJavascriptModule .banner,
.PicListModule .banner,
.MotifPicItemListModule .banner {
  min-width: 100px;
  min-height: 300px;
  text-align: center;
  /*background-color:gray;*/ }
  .PictureGalleryShowJavascriptModule .banner .WcmsAdHint,
  .PicListModule .banner .WcmsAdHint,
  .MotifPicItemListModule .banner .WcmsAdHint {
    display: inline-block; }

.PictureGalleryShowJavascriptModule .PictureGalleryShoppingCart,
.PicListModule .PictureGalleryShoppingCart,
.MotifPicItemListModule .PictureGalleryShoppingCart {
  margin-left: 15px; }

.PictureGalleryShowJavascriptModule .PictureGalleryImage,
.PicListModule .PictureGalleryImage,
.MotifPicItemListModule .PictureGalleryImage {
  /*margin-bottom: 15px;*/ }

.PictureGalleryShowJavascriptModule .PictureGalleryStripeNavigation,
.PicListModule .PictureGalleryStripeNavigation,
.MotifPicItemListModule .PictureGalleryStripeNavigation {
  height: 85px; }
  .PictureGalleryShowJavascriptModule .PictureGalleryStripeNavigation .btn,
  .PicListModule .PictureGalleryStripeNavigation .btn,
  .MotifPicItemListModule .PictureGalleryStripeNavigation .btn {
    height: 100%; }
 /*for PictureGalleryTeaserModule */
.PictureGalleryTeaserModule {
  /* ========================================================================================== */
  /* define grid areas*/
  /*Item BackgroundImage Handling*/
  /*image without overlay*/
  /*image with overlay*/
  /* ========================================================================================== */
  /*Template Grid4_Square*/
  /* ========================================================================================== */
  /* ========================================================================================== */
  /*Template Grid4_left*/
  /* ========================================================================================== */
  /* ========================================================================================== */
  /*Template Grid4_right*/
  /* ========================================================================================== */
  /* ========================================================================================== */
  /*Template Grid7*/
  /* ========================================================================================== */ }
  .PictureGalleryTeaserModule div.item-1 {
    grid-area: A; }
  .PictureGalleryTeaserModule div.item-2 {
    grid-area: B; }
  .PictureGalleryTeaserModule div.item-3 {
    grid-area: C; }
  .PictureGalleryTeaserModule div.item-4 {
    grid-area: D; }
  .PictureGalleryTeaserModule div.item-5 {
    grid-area: E; }
  .PictureGalleryTeaserModule div.item-6 {
    grid-area: F; }
  .PictureGalleryTeaserModule div.item-7 {
    grid-area: G; }
  .PictureGalleryTeaserModule div.item-8 {
    grid-area: H; }
  .PictureGalleryTeaserModule div.item {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover; }
  .PictureGalleryTeaserModule a div.hiddenoverlay {
    width: 100%;
    height: 100%; }
  .PictureGalleryTeaserModule div.item.overlaycontainer {
    position: relative; }
  .PictureGalleryTeaserModule a.overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-decoration: none; }
    .PictureGalleryTeaserModule a.overlay div {
      color: #ffffff;
      font-size: 2em; }
  .PictureGalleryTeaserModule .Grid4_Square {
    height: 50vh;
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    grid-template-areas: "A B " 
 "C D "; }
  @media (max-width: 768px) {
    .PictureGalleryTeaserModule .Grid4_Square {
      height: 1600px;
      grid-template: "A" "B" 
 "C" "D";
      -ms-grid-rows: 400px;
          grid-template-rows: 400px;
      grid-gap: 2px; } }
  .PictureGalleryTeaserModule .Grid4_left {
    height: 50vh;
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    grid-template-areas: "A B C" 
 "A D D "; }
  @media (max-width: 768px) {
    .PictureGalleryTeaserModule .Grid4_left {
      height: 1600px;
      grid-template: "A" "B" 
 "C" "D";
      -ms-grid-rows: 600px 200px 400px 400px;
          grid-template-rows: 600px 200px 400px 400px;
      grid-gap: 2px; } }
  .PictureGalleryTeaserModule .Grid4_right {
    height: 50vh;
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    grid-template-areas: "A B C" 
 "D D C"; }
  @media (max-width: 768px) {
    .PictureGalleryTeaserModule .Grid4_right {
      height: 1600px;
      grid-template: "A" "B" 
 "C" "D";
      -ms-grid-rows: 400px;
          grid-template-rows: 400px;
      grid-gap: 2px; } }
  .PictureGalleryTeaserModule .Grid7 {
    height: 50vh;
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 2fr 2fr 2fr 3fr;
        grid-template-columns: 2fr 2fr 2fr 3fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "A A B C" 
 "A A B C" 
 "A A B F" 
 "D E B F" 
 "D E B G" 
 "D E B G"; }
  @media (max-width: 768px) {
    .PictureGalleryTeaserModule .Grid7 {
      height: 50vh;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: 1fr 1fr 1fr 1fr;
          grid-template-rows: 1fr 1fr 1fr 1fr;
      grid-template-areas: "A A B B" 
 "D E B B" 
 "C C F F" 
 "C C G G";
      grid-gap: 2px; } }
 .PreviewGallery {
  position: relative;
  margin-left: -10px;
  margin-right: -10px; }
  .PreviewGallery .outer-preview-swiper-container {
    padding-left: 0px;
    padding-right: 0px; }
  .PreviewGallery .preview-swiper-container {
    padding-bottom: 30px; }
  .PreviewGallery .preview.swiper-button-prev {
    left: 15px; }
  .PreviewGallery .preview.swiper-button-next {
    right: 15px; }
 /*************************************************************************************************/
/* PubThemeShowModule */
/*************************************************************************************************/
.PubThemeShowModule .WcmsContentHeader figure {
  margin-bottom: 1.5em; }
  .PubThemeShowModule .WcmsContentHeader figure img {
    min-width: 100%; }
 /*for PubThemePreviewModule */
/*for PubThemePreviewModule */
.PubThemePreviewModule {
  /* class for one pubtheme document in the preview modul */ }
  .PubThemePreviewModule .PubThemePreviewDoc {
    position: relative;
    margin-bottom: 5px;
    /* the heading tag */
    /*******************************************************/
    /* handling for LayoutDesign "HoverText" */
    /*******************************************************/
    /*******************************************************/
    /* Layout: Text im Bild (TextInside) */
    /*******************************************************/ }
    .PubThemePreviewModule .PubThemePreviewDoc .pubtheme-header {
      position: relative; }
    .PubThemePreviewModule .PubThemePreviewDoc .pubtheme-heading {
      font-size: 20px;
      font-family: "Lora";
      color: #29292b;
      /*line-height: 1.3;*/
      margin-top: 5px; }
      .PubThemePreviewModule .PubThemePreviewDoc .pubtheme-heading :hover {
        color: #336799;
        text-decoration: underline; }
    .PubThemePreviewModule .PubThemePreviewDoc .pubtheme-section {
      color: #009ee0;
      margin-top: 0px;
      margin-bottom: 5px;
      font-weight: bold;
      font-size: 0.75em;
      text-transform: uppercase;
      letter-spacing: 1px;
      display: inline-block; }
    .PubThemePreviewModule .PubThemePreviewDoc .pubtheme-date {
      color: #009ee0;
      font-size: 0.7em; }
    .PubThemePreviewModule .PubThemePreviewDoc .PictureContainer {
      position: relative;
      overflow: hidden; }
    .PubThemePreviewModule .PubThemePreviewDoc img {
      width: 100%; }
    .PubThemePreviewModule .PubThemePreviewDoc .preview-doc-icon {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 1.6em;
      text-align: center;
      width: 100%;
      height: 100%; }
      .PubThemePreviewModule .PubThemePreviewDoc .preview-doc-icon .glyph-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: #FFF;
        font-size: 2.5em; }
    .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer {
      position: relative;
      color: #FFF;
      background-color: #1e2b46; }
      .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer img {
        display: block; }
      .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer .pubtheme-header.header-layer {
        position: absolute;
        bottom: 0px;
        width: 100%;
        margin-bottom: 0px;
        padding: 5px;
        text-align: center; }
        .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer .pubtheme-header.header-layer .pubtheme-heading, .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer .pubtheme-header.header-layer .pubtheme-section, .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer .pubtheme-header.header-layer .pubtheme-date {
          display: none;
          color: #FFF; }
      .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer :hover .pubtheme-header.header-layer .pubtheme-heading, .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer :hover .pubtheme-header.header-layer .pubtheme-section, .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer :hover .pubtheme-header.header-layer .pubtheme-date {
        display: block;
        color: #FFF; }
      .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer :hover img {
        visibility: hidden; }
      .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer img.preview-doc-icon {
        bottom: 3px; }
    .PubThemePreviewModule .PubThemePreviewDoc .TextInside {
      position: relative;
      overflow: hidden; }
      .PubThemePreviewModule .PubThemePreviewDoc .TextInside figure {
        z-index: 1;
        margin-bottom: 0px; }
      .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextBackground {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: -webkit-linear-gradient(90deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(15%, rgba(0, 15, 20, 0.6)), color-stop(52%, rgba(0, 15, 20, 0.15)), color-stop(70%, rgba(0, 15, 20, 0)));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: -o-linear-gradient(bottom, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: linear-gradient(0deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%); }
      .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextContainer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        text-align: center;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 1.0em;
        color: #fff; }
        .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextContainer h2 {
          margin-bottom: 0px; }
        .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextContainer .pubtheme-heading, .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextContainer .pubtheme-section, .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextContainer .pubtheme-date {
          color: #fff; }
 /*for QuizPreviewModule */
.QuizPreviewQuestion
{
	text-decoration:none;
} /*for QuizShowModule */
/*for QuizShowModule */
.QuizShowModule h1 {
  font-size: 1.6em;
  text-align: center; }

.QuizShowModule .QuizInfo {
  font-weight: bold;
  font-size: small; }

.QuizShowModule .QuizQuestion {
  background-color: #009ee0;
  float: left;
  width: 100%;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.5em; }

.QuizShowModule .QuestionImage {
  text-align: center; }
  .QuizShowModule .QuestionImage img {
    display: inline; }
  .QuizShowModule .QuestionImage .QuestionCredit {
    display: block; }
  .QuizShowModule .QuestionImage .QuestionCaption {
    display: block; }

.QuizShowModule .QuizChoiceItemNo {
  width: 30px;
  text-align: center;
  background-color: #009ee0;
  float: left;
  color: #ffffff;
  margin-right: 15px; }

.QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem {
  text-align: center;
  margin-bottom: 15px; }
  .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer {
    position: relative;
    border: 1px solid #ababab;
    overflow: hidden;
    padding: 5px;
    cursor: pointer; }
    .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer:hover {
      background-color: #eee; }
    .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer .QuizChoiceItemText {
      display: block; }
    .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer .QuizChoiceItemImageWrapper {
      position: relative;
      display: inline-block; }
      .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer .QuizChoiceItemImageWrapper img {
        display: inline; }
      .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer .QuizChoiceItemImageWrapper .QuizChoiceItemCredit {
        position: absolute;
        bottom: 0;
        opacity: .8;
        z-index: 50;
        background-color: #d3d3d3;
        right: 0;
        font-size: 12px;
        padding: 0.3em; }
    .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer .QuizChoiceItemCaption {
      display: block; }
  .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem.ChoiceItemSelected .QuizChoiceItemImageContainer {
    background-color: #eee; }

.QuizShowModule .QuestionChoiceItemsContainer tr {
  cursor: pointer; }
  .QuizShowModule .QuestionChoiceItemsContainer tr.ChoiceItemSelected {
    background-color: #eee; }

.QuizShowModule .QuestionAnswerButton {
  float: right; }

.QuizShowModule .AnswerResult {
  background-color: #009ee0;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.5em;
  font-size: medium;
  font-weight: bold; }

.QuizShowModule .AnswerImage {
  margin-bottom: 10px;
  text-align: center; }
  .QuizShowModule .AnswerImage img {
    display: inline; }
  .QuizShowModule .AnswerImage .AnswerCredit {
    display: block; }
  .QuizShowModule .AnswerImage .AnswerCaption {
    display: block; }

.QuizShowModule .AnswerDescription {
  font-size: 1.2em;
  margin-bottom: 10px; }

.QuizShowModule .AnswerNextQuestionButton {
  float: right; }

.QuizShowModule .QuizResult {
  text-align: center; }
 
/* CSS definitions for story content which is used in several story modules (like StoryPreviewModule, StoryShowModule, WebStoryFeaturedModule etc.) */
/* CSS definitions for story content which is used in several story modules (like StoryPreviewModule, StoryShowModule, WebStoryFeaturedModule etc.) */
.StoryPreviewModule:nth-of-type(n+2) {
  padding-top: 20px; }

.InlineNextRead span.NextReadIcon {
  width: 54px;
  height: 35px;
  background: url(/Layout/Custom/Icons/Modules/NextReadsIcon.png);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 34px;
  margin-top: -17px;
  display: block;
  position: relative; }
  @media screen and (max-width: 768px) {
    .InlineNextRead span.NextReadIcon {
      margin-bottom: 19px; } }

.InlineNextRead div div div > span {
  max-width: 644px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 42px;
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 1.7px;
  text-align: center;
  color: #2b6fc4;
  padding-top: 23px;
  margin-top: 0; }
  @media screen and (max-width: 768px) {
    .InlineNextRead div div div > span {
      font-size: 14px;
      line-height: 1.21;
      letter-spacing: 1.8px;
      margin-bottom: 34px; } }

.InlineNextRead article.StoryPreviewBox a :hover {
  text-decoration: none; }

.InlineNextRead article.StoryPreviewBox div.LTeaserRelated {
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (max-width: 768px) {
    .InlineNextRead article.StoryPreviewBox div.LTeaserRelated {
      padding-left: 0;
      padding-right: 0; } }
  .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedImage {
    min-width: 630px;
    max-width: 630px;
    width: 100%;
    float: left; }
    @media screen and (max-width: 992px) {
      .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedImage {
        max-width: 644px;
        width: 100%;
        float: none;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 768px) {
      .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedImage {
        min-width: 100px;
        max-width: 768px;
        width: 100%; } }
  .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText {
    min-width: 312px;
    max-width: 312px;
    width: 100%;
    float: right; }
    @media screen and (max-width: 992px) {
      .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText {
        max-width: 644px;
        width: 100%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 12px; } }
    @media screen and (max-width: 768px) {
      .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText {
        margin-top: 0;
        max-width: 768px;
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }
    .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-headline,
    .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-headline-premium {
      margin-bottom: 12px; }
      @media screen and (max-width: 992px) {
        .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-headline,
        .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-headline-premium {
          margin-bottom: 20px; } }
      @media screen and (max-width: 768px) {
        .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-headline,
        .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-headline-premium {
          margin-bottom: 10px; } }
    .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-headline-premium {
      text-transform: none;
      letter-spacing: 0; }
    .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-heading,
    .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-heading-premium {
      font-size: 23px;
      line-height: 1.13;
      margin-bottom: 11px;
      width: 95%;
      word-wrap: break-word;
      word-break: break-word;
      -webkit-hyphens: auto;
         -moz-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto; }
      .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-heading a,
      .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText .article-heading-premium a {
        font-size: 23px;
        line-height: 1.13; }
    .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText p {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46;
      margin-bottom: 8px; }
      @media screen and (max-width: 992px) {
        .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText p {
          font-size: 15px;
          line-height: 1.4; } }
      @media screen and (max-width: 768px) {
        .InlineNextRead article.StoryPreviewBox div.LTeaserRelated div.LTeaserRelatedText p {
          font-size: 14px;
          line-height: 1.43; } }

.InlineNextRead .InlineNextReadBorder {
  min-width: 644px;
  max-width: 644px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 10px;
  display: block;
  background-color: #2b6fc4;
  margin-top: 34px; }
  @media screen and (max-width: 992px) {
    .InlineNextRead .InlineNextReadBorder {
      margin-top: 33px; } }
  @media screen and (max-width: 768px) {
    .InlineNextRead .InlineNextReadBorder {
      min-width: 100px;
      max-width: 768px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      display: block; } }

.NextReadsBorderBottomThick {
  max-width: 810px;
  width: 100%;
  height: 10px;
  background-color: #dedfd5;
  display: block;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .clear-tablet {
    clear: both; } }

@media screen and (min-width: 993px) {
  .clear-deskt {
    clear: both; } }

.CustNextReadsContainer {
  /*padding-top: 90px;*/
  margin-bottom: 90px;
  background-color: #fff; }
  @media screen and (max-width: 768px) {
    .CustNextReadsContainer .rn-glasses-2 {
      margin-top: -67px; } }
  .CustNextReadsContainer .headLine {
    max-width: 644px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 58px;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: 1.7px;
    text-align: center;
    color: #2b6fc4;
    padding-top: 57px;
    margin-top: 0; }
  @media screen and (max-width: 992px) {
    .CustNextReadsContainer {
      /*padding-bottom: 83px;*/ } }
  @media screen and (max-width: 768px) {
    .CustNextReadsContainer {
      /*padding-top: 48px;*/
      /*padding-bottom: 77px;*/ } }
  @media screen and (min-width: 993px) {
    .CustNextReadsContainer > div.row {
      padding-left: 10px;
      padding-right: 10px; }
      .CustNextReadsContainer > div.row > div {
        padding-left: 10px;
        padding-right: 10px; }
      .CustNextReadsContainer > div.row > div:nth-of-type(4) article.StoryPreviewBox,
      .CustNextReadsContainer > div.row > div:nth-of-type(5) article.StoryPreviewBox,
      .CustNextReadsContainer > div.row > div:nth-of-type(6) article.StoryPreviewBox {
        /*margin-top: 30px;*/
        padding-top: 10px;
        border-top: 1px solid #dedfd5; }
        .CustNextReadsContainer > div.row > div:nth-of-type(4) article.StoryPreviewBox .PictureContainer,
        .CustNextReadsContainer > div.row > div:nth-of-type(5) article.StoryPreviewBox .PictureContainer,
        .CustNextReadsContainer > div.row > div:nth-of-type(6) article.StoryPreviewBox .PictureContainer {
          display: none; }
        .CustNextReadsContainer > div.row > div:nth-of-type(4) article.StoryPreviewBox .article-meta,
        .CustNextReadsContainer > div.row > div:nth-of-type(5) article.StoryPreviewBox .article-meta,
        .CustNextReadsContainer > div.row > div:nth-of-type(6) article.StoryPreviewBox .article-meta {
          display: none; } }
  @media screen and (max-width: 992px) {
    .CustNextReadsContainer > div.row {
      padding-left: 51px;
      padding-right: 51px; }
      .CustNextReadsContainer > div.row > div {
        padding-left: 11px;
        padding-right: 11px; }
      .CustNextReadsContainer > div.row > div:nth-of-type(3) article.StoryPreviewBox,
      .CustNextReadsContainer > div.row > div:nth-of-type(4) article.StoryPreviewBox,
      .CustNextReadsContainer > div.row > div:nth-of-type(5) article.StoryPreviewBox,
      .CustNextReadsContainer > div.row > div:nth-of-type(6) article.StoryPreviewBox {
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #dedfd5; } }
  @media screen and (max-width: 768px) {
    .CustNextReadsContainer > div.row {
      padding-left: 0;
      padding-right: 0; }
      .CustNextReadsContainer > div.row > div {
        padding-left: 15px;
        padding-right: 15px; }
      .CustNextReadsContainer > div.row > div:nth-of-type(2) article.StoryPreviewBox,
      .CustNextReadsContainer > div.row > div:nth-of-type(3) article.StoryPreviewBox,
      .CustNextReadsContainer > div.row > div:nth-of-type(4) article.StoryPreviewBox,
      .CustNextReadsContainer > div.row > div:nth-of-type(5) article.StoryPreviewBox,
      .CustNextReadsContainer > div.row > div:nth-of-type(6) article.StoryPreviewBox {
        margin-top: 0;
        padding-top: 25px;
        border-top: 1px solid #dedfd5; }
      .CustNextReadsContainer > div.row > div:nth-of-type(4) .CustNextReadsTextLeft,
      .CustNextReadsContainer > div.row > div:nth-of-type(5) .CustNextReadsTextLeft,
      .CustNextReadsContainer > div.row > div:nth-of-type(6) .CustNextReadsTextLeft {
        width: 100%; }
        .CustNextReadsContainer > div.row > div:nth-of-type(4) .CustNextReadsTextLeft .article-heading,
        .CustNextReadsContainer > div.row > div:nth-of-type(4) .CustNextReadsTextLeft .article-headlin-premium,
        .CustNextReadsContainer > div.row > div:nth-of-type(5) .CustNextReadsTextLeft .article-heading,
        .CustNextReadsContainer > div.row > div:nth-of-type(5) .CustNextReadsTextLeft .article-headlin-premium,
        .CustNextReadsContainer > div.row > div:nth-of-type(6) .CustNextReadsTextLeft .article-heading,
        .CustNextReadsContainer > div.row > div:nth-of-type(6) .CustNextReadsTextLeft .article-headlin-premium {
          margin-bottom: 0;
          width: 95%; }
      .CustNextReadsContainer > div.row > div:nth-of-type(4) article.StoryPreviewBox .PictureContainer,
      .CustNextReadsContainer > div.row > div:nth-of-type(4) article.StoryPreviewBox .CustNextReadsImageRight,
      .CustNextReadsContainer > div.row > div:nth-of-type(5) article.StoryPreviewBox .PictureContainer,
      .CustNextReadsContainer > div.row > div:nth-of-type(5) article.StoryPreviewBox .CustNextReadsImageRight,
      .CustNextReadsContainer > div.row > div:nth-of-type(6) article.StoryPreviewBox .PictureContainer,
      .CustNextReadsContainer > div.row > div:nth-of-type(6) article.StoryPreviewBox .CustNextReadsImageRight {
        display: none; }
      .CustNextReadsContainer > div.row > div:nth-of-type(4) article.StoryPreviewBox .article-meta,
      .CustNextReadsContainer > div.row > div:nth-of-type(5) article.StoryPreviewBox .article-meta,
      .CustNextReadsContainer > div.row > div:nth-of-type(6) article.StoryPreviewBox .article-meta {
        display: none; }
      .CustNextReadsContainer > div.row > div:nth-of-type(6) article.StoryPreviewBox {
        padding-bottom: 30px; } }
  .CustNextReadsContainer .WcmsModule {
    margin-bottom: 0;
    padding-bottom: 0; }
    @media screen and (max-width: 768px) {
      .CustNextReadsContainer .WcmsModule {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 10px; } }
  .CustNextReadsContainer .CustNextReadsTextLeft {
    float: left;
    width: 70%; }
    .CustNextReadsContainer .CustNextReadsTextLeft .article-headline,
    .CustNextReadsContainer .CustNextReadsTextLeft .article-headlin-premium {
      margin-bottom: 7px; }
    .CustNextReadsContainer .CustNextReadsTextLeft .article-heading,
    .CustNextReadsContainer .CustNextReadsTextLeft .article-heading-premium {
      font-size: 18px;
      line-height: 1.22;
      width: 95%; }
      .CustNextReadsContainer .CustNextReadsTextLeft .article-heading a,
      .CustNextReadsContainer .CustNextReadsTextLeft .article-heading-premium a {
        font-size: 18px;
        line-height: 1.22; }
    .CustNextReadsContainer .CustNextReadsTextLeft .article-meta span {
      font-size: 14px;
      line-height: 1.43; }
  .CustNextReadsContainer .CustNextReadsImageRight {
    float: right;
    -webkit-background-size: cover !important;
            background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 63px;
    max-height: 63px;
    width: 100%;
    min-width: 63px;
    max-width: 63px;
    width: 100%; }

article.StoryPreviewBox {
  /*margin-bottom: 30px;*/
  /*h4.article-heading a
	{
		font-size: 16px;
	}*/
  /* PMODIF TS 2018-04-25 nextreads */
  /*******************************************************/
  /* Layout: Text im Bild (TextInside) */
  /*******************************************************/
  /*******************************************************/
  /* Layout: Custom XL,L L-wide  */
  /*******************************************************/
  /*layout nachrichten ticker*/
  /*******************************************************/
  /* Layout Page Overview Headers, e.g. TagTheme Header, */
  /* Citypage Headers, Nativ Ads, Header, Link Teaser to Overview Pages */
  /*******************************************************/
  /*******************************************************/
  /* MediaQuery für Small-Screen */
  /*******************************************************/
  /*******************************************************/
  /* Format: Kachel (Tile) */
  /*******************************************************/
  /*******************************************************/
  /* Format: Karte (Card) */
  /*******************************************************/ }
  article.StoryPreviewBox .PremiumIcon {
    height: 14px; }
  article.StoryPreviewBox svg.PremiumIcon {
    height: 14px;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -2px; }
    article.StoryPreviewBox svg.PremiumIcon path, article.StoryPreviewBox svg.PremiumIcon polygon {
      /*fill: #fff !important;*/ }
  article.StoryPreviewBox a.AddToWatchListLink {
    position: absolute;
    right: 15px;
    top: -2px;
    color: #ccc; }
  article.StoryPreviewBox.article-x-large .BlueBarTop, article.StoryPreviewBox.article-x-large.article-premium .BlueBarTop, article.StoryPreviewBox.article-large.article-premium .BlueBarTop {
    width: 100%;
    background-color: #1e2b46;
    text-align: center; }
    article.StoryPreviewBox.article-x-large .BlueBarTop h3, article.StoryPreviewBox.article-x-large.article-premium .BlueBarTop h3, article.StoryPreviewBox.article-large.article-premium .BlueBarTop h3 {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.38;
      letter-spacing: 1.7px;
      color: #f5f5ef;
      margin: 0;
      padding-top: 20px;
      padding-bottom: 20px;
      text-transform: uppercase; }
  article.StoryPreviewBox.article-x-large .PremiumBlickPunkt, article.StoryPreviewBox.article-x-large.article-premium .PremiumBlickPunkt, article.StoryPreviewBox.article-large.article-premium .PremiumBlickPunkt {
    background-color: #f0f0e9;
    padding-bottom: 10px;
    border-bottom: 12px solid #1e2b46; }
    article.StoryPreviewBox.article-x-large .PremiumBlickPunkt a.AddToWatchListLink, article.StoryPreviewBox.article-x-large.article-premium .PremiumBlickPunkt a.AddToWatchListLink, article.StoryPreviewBox.article-large.article-premium .PremiumBlickPunkt a.AddToWatchListLink {
      top: 0px; }
    article.StoryPreviewBox.article-x-large .PremiumBlickPunkt article.StoryPreviewBox .article-heading a, article.StoryPreviewBox.article-x-large.article-premium .PremiumBlickPunkt article.StoryPreviewBox .article-heading a, article.StoryPreviewBox.article-large.article-premium .PremiumBlickPunkt article.StoryPreviewBox .article-heading a {
      font-size: 27px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.11;
      letter-spacing: normal;
      color: #1e2b46; }
    article.StoryPreviewBox.article-x-large .PremiumBlickPunkt article.StoryPreviewBox.article-premium h2.article-heading.article-heading-premium, article.StoryPreviewBox.article-x-large.article-premium .PremiumBlickPunkt article.StoryPreviewBox.article-premium h2.article-heading.article-heading-premium, article.StoryPreviewBox.article-large.article-premium .PremiumBlickPunkt article.StoryPreviewBox.article-premium h2.article-heading.article-heading-premium {
      font-size: 30px; }
    article.StoryPreviewBox.article-x-large .PremiumBlickPunkt article.StoryPreviewBox.article-premium .article-heading a, article.StoryPreviewBox.article-x-large.article-premium .PremiumBlickPunkt article.StoryPreviewBox.article-premium .article-heading a, article.StoryPreviewBox.article-large.article-premium .PremiumBlickPunkt article.StoryPreviewBox.article-premium .article-heading a {
      font-size: 30px;
      font-weight: normal;
      line-height: 1.13; }
  article.StoryPreviewBox.article-x-large a.AddToWatchListLink, article.StoryPreviewBox.article-x-large.article-premium a.AddToWatchListLink, article.StoryPreviewBox.article-large.article-premium a.AddToWatchListLink {
    top: unset;
    bottom: 28px;
    right: 25px; }
  article.StoryPreviewBox .article-top {
    display: none;
    text-transform: uppercase; }
  article.StoryPreviewBox .article-update {
    text-transform: uppercase; }
  article.StoryPreviewBox .article-ad {
    position: absolute;
    top: -19px;
    right: 15px;
    font-family: "Atlas Grotesk";
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 1.3px;
    color: #8e8e8b; }
  article.StoryPreviewBox figure {
    /* PMODIF TS 2018-04-25 nextreads */
    margin-bottom: 16px; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox figure {
        margin-bottom: 18px; } }
    article.StoryPreviewBox figure img {
      width: 100%; }
  article.StoryPreviewBox.article-premium figure {
    position: relative;
    height: 0;
    padding-top: -webkit-calc(524/ 1050 * 100%);
    padding-top: calc(524/ 1050 * 100%); }
    @media screen and (max-width: 767px) {
      article.StoryPreviewBox.article-premium figure {
        padding-top: -webkit-calc(80/120*100%);
        padding-top: calc(80/120*100%); } }
    article.StoryPreviewBox.article-premium figure img {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 100%;
      height: auto; }
  article.StoryPreviewBox.article-large figure {
    position: relative;
    height: 0;
    padding-top: -webkit-calc(573/ 860 * 100%);
    padding-top: calc(573/ 860 * 100%); }
    article.StoryPreviewBox.article-large figure img {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 100%;
      height: auto; }
  article.StoryPreviewBox h2.article-heading {
    font-size: 23px;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 10px;
    width: 95%; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox h2.article-heading {
        line-height: 1.11; } }
    article.StoryPreviewBox h2.article-heading.article-heading-premium {
      font-size: 27px;
      font-weight: normal;
      line-height: 1.15; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox h2.article-heading.article-heading-premium {
          font-size: 24px;
          line-height: 1.22; } }
  article.StoryPreviewBox .article-heading {
    width: 95%; }
    article.StoryPreviewBox .article-heading a {
      font-family: "HarrisonSerifPro";
      color: #1e2b46;
      font-size: 20px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.1;
      letter-spacing: normal;
      text-align: left; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox .article-heading a {
          line-height: 1.1;
          font-size: 21px; } }
    article.StoryPreviewBox .article-heading.article-heading-premium {
      width: 95%; }
      article.StoryPreviewBox .article-heading.article-heading-premium a {
        font-size: 27px;
        font-weight: normal;
        line-height: 1.15; }
        @media screen and (max-width: 768px) {
          article.StoryPreviewBox .article-heading.article-heading-premium a {
            font-size: 24px;
            line-height: 1.22; } }
      article.StoryPreviewBox .article-heading.article-heading-premium .author {
        font-style: italic;
        color: #8e8e8b; }
  article.StoryPreviewBox .article-section,
  article.StoryPreviewBox .article-headline {
    /* PMODIF TS 2018-04-25 nextreads  */
    font-family: "Atlas Grotesk";
    color: #009ee0;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 1.3px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 5px;
    margin-right: 20px;
    text-transform: uppercase; }
    article.StoryPreviewBox .article-section.article-headline-premium,
    article.StoryPreviewBox .article-headline.article-headline-premium {
      color: #1e2b46;
      font-family: "HarrisonSerifPro";
      font-size: 15px;
      line-height: 1.1;
      text-transform: none;
      letter-spacing: 0; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox .article-section.article-headline-premium,
        article.StoryPreviewBox .article-headline.article-headline-premium {
          margin-bottom: 7px; } }
      article.StoryPreviewBox .article-section.article-headline-premium img,
      article.StoryPreviewBox .article-headline.article-headline-premium img {
        margin-top: -4px;
        margin-right: 8px; }
    article.StoryPreviewBox .article-section.article-ad,
    article.StoryPreviewBox .article-headline.article-ad {
      font-family: "Atlas Grotesk";
      font-size: 10px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.4;
      letter-spacing: 1.3px;
      color: #8e8e8b;
      position: relative;
      top: 0;
      right: 0; }
  article.StoryPreviewBox a.commentLink {
    font-family: "Atlas Grotesk";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #8e8e8b; }
  article.StoryPreviewBox .MetaBottom {
    /* PMODIF TS 2018-04-25 nextreads */
    margin-top: -12px; }
  article.StoryPreviewBox .article-meta {
    /* PMODIF TS 2018-04-27 next reads native ad */ }
    article.StoryPreviewBox .article-meta div.NativeAdsInfo {
      margin-top: 20px; }
    article.StoryPreviewBox .article-meta span.NativeAdsIcon {
      width: 24px;
      height: 24px;
      border-radius: 12px;
      background-color: #dedfd5;
      font-family: "Atlas Grotesk";
      color: #fff;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      display: inline-block;
      padding-top: 5px;
      vertical-align: middle; }
    article.StoryPreviewBox .article-meta div.NativeAdsLogo {
      max-width: 24px;
      max-height: 24px;
      min-width: 24px;
      min-height: 24px;
      border-radius: 50%;
      -webkit-background-size: contain;
              background-size: contain;
      float: left; }
    article.StoryPreviewBox .article-meta span {
      font-family: "Atlas Grotesk";
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.25;
      letter-spacing: normal;
      text-align: left;
      color: #8e8e8b; }
    article.StoryPreviewBox .article-meta div.NativeAdsCompany {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #1e2b46;
      display: inline-block;
      margin-left: 10px; }
    article.StoryPreviewBox .article-meta .article-locality {
      font-weight: bold;
      color: #1e2b46; }
    article.StoryPreviewBox .article-meta .article-pubdate {
      color: #8e8e8b; }
  article.StoryPreviewBox .StoryShowLocation {
    font-family: "HarrisonSerifPro";
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #009ee0; }
    article.StoryPreviewBox .StoryShowLocation .LocationDateSeperator {
      background-color: #dedfd5;
      height: 14px;
      width: 1px;
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px; }
  article.StoryPreviewBox p {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #1e2b46;
    margin-bottom: 10px; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox p {
        font-size: 15px;
        line-height: 1.43; } }
    article.StoryPreviewBox p .author {
      font-style: italic;
      color: #8e8e8b; }
  article.StoryPreviewBox.article-sponsored header + p:last-of-type {
    margin-bottom: 0; }
  article.StoryPreviewBox .PictureContainer {
    position: relative;
    overflow: hidden; }
    article.StoryPreviewBox .PictureContainer .article-top, article.StoryPreviewBox .PictureContainer .article-update, article.StoryPreviewBox .PictureContainer .article-views {
      position: absolute;
      top: 0px;
      padding: 0.2em 0.4em;
      font-size: 0.9em;
      font-weight: 700;
      background-color: white;
      color: #222222; }
    article.StoryPreviewBox .PictureContainer .article-ad, article.StoryPreviewBox .PictureContainer .article-top, article.StoryPreviewBox .PictureContainer .article-update {
      left: 0px; }
    article.StoryPreviewBox .PictureContainer .article-views {
      right: 0px; }
  article.StoryPreviewBox .TextInside {
    position: relative;
    overflow: hidden;
    /*margin-bottom: 20px;*/ }
    article.StoryPreviewBox .TextInside header .article-update {
      display: none; }
    article.StoryPreviewBox .TextInside figure {
      z-index: 1;
      margin-bottom: 0px; }
    article.StoryPreviewBox .TextInside .TextBackground {
      cursor: pointer;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 80%;
      /*background-image: -moz-linear-gradient(90deg, rgba(0,15,20,0.6) 15%,rgba(0,15,20,0.15) 52%,rgba(0,15,20,0) 70%);
			background-image: -webkit-linear-gradient(90deg, rgba(0,15,20,0.6) 15%,rgba(0,15,20,0.15) 52%,rgba(0,15,20,0) 70%);
			background-image: linear-gradient(0deg, rgba(0,15,20,0.6) 15%,rgba(0,15,20,0.15) 52%,rgba(0,15,20,0) 70%);*/
      background-image: -webkit-linear-gradient(to bottom, rgba(30, 43, 70, 0), rgba(0, 0, 0, 0.7));
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 43, 70, 0)), to(rgba(0, 0, 0, 0.7)));
      background-image: -webkit-linear-gradient(top, rgba(30, 43, 70, 0), rgba(0, 0, 0, 0.7));
      background-image: -o-linear-gradient(top, rgba(30, 43, 70, 0), rgba(0, 0, 0, 0.7));
      background-image: linear-gradient(to bottom, rgba(30, 43, 70, 0), rgba(0, 0, 0, 0.7));
      z-index: 10; }
    article.StoryPreviewBox .TextInside .TextContainer {
      position: absolute;
      bottom: -5px;
      left: 0px;
      width: 100%;
      text-align: center;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 30px;
      color: #fff;
      /*a:hover
			{
				text-decoration: underline;
			}*/ }
      article.StoryPreviewBox .TextInside .TextContainer a,
      article.StoryPreviewBox .TextInside .TextContainer h3,
      article.StoryPreviewBox .TextInside .TextContainer .article-headline,
      article.StoryPreviewBox .TextInside .TextContainer .article-headline-premium {
        color: #fff;
        /*text-align: center;*/ }
      article.StoryPreviewBox .TextInside .TextContainer .article-heading {
        width: 95%;
        /*margin-bottom: 0px;
				font-size: 1.0rem;*/ }
  article.StoryPreviewBox.article-blickpunkt .TextInside .TextBackground {
    width: 100%;
    height: 50%;
    background-image: -webkit-linear-gradient(261deg, transparent 30%, #1e2b46 90%, #1e2b46);
    background-image: -o-linear-gradient(261deg, transparent 30%, #1e2b46 90%, #1e2b46);
    background-image: linear-gradient(189deg, transparent 30%, #1e2b46 90%, #1e2b46); }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox.article-blickpunkt .TextInside .TextBackground {
        height: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, #1e2b46));
        background-image: -webkit-linear-gradient(top, transparent 0%, #1e2b46 90%);
        background-image: -o-linear-gradient(top, transparent 0%, #1e2b46 90%);
        background-image: linear-gradient(to bottom, transparent 0%, #1e2b46 90%); } }
  article.StoryPreviewBox.article-large .article-heading {
    width: 95%;
    margin-top: 6px;
    margin-bottom: 15px; }
    @media screen and (max-width: 992px) {
      article.StoryPreviewBox.article-large .article-heading {
        margin-bottom: 24px; } }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox.article-large .article-heading {
        margin-bottom: 15px; } }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox.article-large .article-heading {
        font-size: 21px;
        line-height: 1.1;
        margin-top: 8px; } }
    article.StoryPreviewBox.article-large .article-heading a {
      font-family: "HarrisonSerifPro";
      font-size: 23px;
      line-height: 1.13;
      color: #1e2b46; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox.article-large .article-heading a {
          font-size: 20px;
          line-height: 1.22; } }
    article.StoryPreviewBox.article-large .article-heading.article-heading-premium {
      width: 95%;
      margin-top: 9px;
      margin-bottom: 8px; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox.article-large .article-heading.article-heading-premium a {
          margin-top: 8px;
          font-size: 24px;
          line-height: 1.22; } }
  article.StoryPreviewBox.article-large p {
    font-size: 14px;
    line-height: 1.43; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox.article-large p {
        font-size: 15px; } }
  article.StoryPreviewBox.article-large .TextInside .TextContainer {
    text-align: left;
    max-width: 644px;
    bottom: -8px; }
    article.StoryPreviewBox.article-large .TextInside .TextContainer .article-heading {
      width: 95%; }
      article.StoryPreviewBox.article-large .TextInside .TextContainer .article-heading a {
        font-size: 27px;
        line-height: 1.15;
        color: #f5f5ef; }
    article.StoryPreviewBox.article-large .TextInside .TextContainer h3,
    article.StoryPreviewBox.article-large .TextInside .TextContainer .article-headline,
    article.StoryPreviewBox.article-large .TextInside .TextContainer .article-headline-premium {
      text-align: left; }
      article.StoryPreviewBox.article-large .TextInside .TextContainer h3 svg path,
      article.StoryPreviewBox.article-large .TextInside .TextContainer h3 svg polygon,
      article.StoryPreviewBox.article-large .TextInside .TextContainer .article-headline svg path,
      article.StoryPreviewBox.article-large .TextInside .TextContainer .article-headline svg polygon,
      article.StoryPreviewBox.article-large .TextInside .TextContainer .article-headline-premium svg path,
      article.StoryPreviewBox.article-large .TextInside .TextContainer .article-headline-premium svg polygon {
        fill: #fff; }
    article.StoryPreviewBox.article-large .TextInside .TextContainer p {
      color: #f5f5ef; }
      @media screen and (max-width: 480px) {
        article.StoryPreviewBox.article-large .TextInside .TextContainer p {
          display: none; } }
    article.StoryPreviewBox.article-large .TextInside .TextContainer .article-meta {
      color: #f5f5ef; }
      article.StoryPreviewBox.article-large .TextInside .TextContainer .article-meta .article-locality {
        color: #f5f5ef;
        margin-top: 0; }
  article.StoryPreviewBox.article-large .article-meta {
    margin-top: 11px; }
  article.StoryPreviewBox.article-large.article-premium .TextInside .TextContainer .article-heading.article-heading-premium {
    width: 95%; }
    article.StoryPreviewBox.article-large.article-premium .TextInside .TextContainer .article-heading.article-heading-premium a {
      font-size: 27px;
      line-height: 1.15;
      font-weight: normal; }
  article.StoryPreviewBox.article-large.article-premium .TextInside .TextContainer .article-headline.article-headline-premium {
    font-size: 15px;
    line-height: 1.07;
    text-transform: none;
    letter-spacing: 0; }
  article.StoryPreviewBox.article-x-large h2.article-heading {
    width: 95%; }
    article.StoryPreviewBox.article-x-large h2.article-heading.article-heading-premium {
      font-size: 35px;
      font-weight: normal;
      line-height: 1.1; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox.article-x-large h2.article-heading.article-heading-premium {
          font-size: 23px;
          line-height: 1.22; } }
  article.StoryPreviewBox.article-x-large .article-heading {
    width: 95%;
    margin-top: 10px;
    margin-bottom: 17px; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox.article-x-large .article-heading {
        font-size: 23px;
        line-height: 1.13; } }
    article.StoryPreviewBox.article-x-large .article-heading a {
      font-family: "HarrisonSerifPro";
      font-size: 35px;
      font-weight: bold;
      line-height: 1.14;
      color: #1e2b46; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox.article-x-large .article-heading a {
          font-size: 23px;
          line-height: 1.13; } }
    article.StoryPreviewBox.article-x-large .article-heading.article-heading-premium {
      width: 95%; }
      article.StoryPreviewBox.article-x-large .article-heading.article-heading-premium a {
        font-size: 24px;
        font-weight: normal;
        line-height: 1.22; }
  article.StoryPreviewBox.article-x-large p {
    font-size: 15px;
    line-height: 1.4;
    color: #1e2b46; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox.article-x-large p {
        font-size: 14px;
        line-height: 1.43; } }
  article.StoryPreviewBox.article-x-large .TextInside .TextContainer {
    text-align: left;
    max-width: 644px; }
    @media screen and (max-width: 992px) and (min-width: 758px) {
      article.StoryPreviewBox.article-x-large .TextInside .TextContainer {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0); } }
    article.StoryPreviewBox.article-x-large .TextInside .TextContainer .article-heading {
      width: 95%; }
      article.StoryPreviewBox.article-x-large .TextInside .TextContainer .article-heading a {
        color: #f5f5ef; }
    article.StoryPreviewBox.article-x-large .TextInside .TextContainer h3,
    article.StoryPreviewBox.article-x-large .TextInside .TextContainer .article-headline,
    article.StoryPreviewBox.article-x-large .TextInside .TextContainer .article-headline-premium {
      text-align: left; }
      article.StoryPreviewBox.article-x-large .TextInside .TextContainer h3 svg path,
      article.StoryPreviewBox.article-x-large .TextInside .TextContainer h3 svg polygon,
      article.StoryPreviewBox.article-x-large .TextInside .TextContainer .article-headline svg path,
      article.StoryPreviewBox.article-x-large .TextInside .TextContainer .article-headline svg polygon,
      article.StoryPreviewBox.article-x-large .TextInside .TextContainer .article-headline-premium svg path,
      article.StoryPreviewBox.article-x-large .TextInside .TextContainer .article-headline-premium svg polygon {
        fill: #fff; }
    article.StoryPreviewBox.article-x-large .TextInside .TextContainer p {
      color: #f5f5ef; }
      @media screen and (max-width: 480px) {
        article.StoryPreviewBox.article-x-large .TextInside .TextContainer p {
          display: none; } }
    article.StoryPreviewBox.article-x-large .TextInside .TextContainer .article-meta {
      color: #f5f5ef; }
      article.StoryPreviewBox.article-x-large .TextInside .TextContainer .article-meta .article-locality {
        color: #f5f5ef; }
  @media screen and (max-width: 992px) and (min-width: 758px) {
    article.StoryPreviewBox.article-x-large .TextInside a.AddToWatchListLink {
      right: 73px; } }
  article.StoryPreviewBox.article-wide .article-heading {
    width: 95%; }
    article.StoryPreviewBox.article-wide .article-heading a {
      font-size: 23px;
      line-height: 1.13; }
    article.StoryPreviewBox.article-wide .article-heading.article-heading-premium {
      width: 95%; }
      article.StoryPreviewBox.article-wide .article-heading.article-heading-premium a {
        font-size: 27px;
        line-height: 1.15; }
        @media screen and (max-width: 768px) {
          article.StoryPreviewBox.article-wide .article-heading.article-heading-premium a {
            font-size: 23px;
            line-height: 1.22; } }
  article.StoryPreviewBox.article-wide .article-headline.article-headline-premium {
    line-height: 1.07;
    text-transform: none;
    letter-spacing: 0; }
  article.StoryPreviewBox.article-wide p {
    font-size: 15px;
    line-height: 1.4; }
  @media screen and (min-width: 992px) {
    article.StoryPreviewBox.article-wide .PictureContainer figure {
      margin-bottom: 0; } }
  article.StoryPreviewBox.article-medium .article-headline {
    margin-top: -3px; }
  @media screen and (max-width: 768px) {
    article.StoryPreviewBox.article-medium:not(.bg-gray) {
      padding-left: 10px;
      padding-right: 10px; } }
  article.StoryPreviewBox.article-eventpreview h2.article-heading,
  article.StoryPreviewBox.article-eventpreview h2.article-heading a {
    font-family: "HarrisonSerifPro";
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.11;
    letter-spacing: normal;
    color: #1e2b46;
    text-align: left; }
  article.StoryPreviewBox.article-eventpreview p {
    font-family: "HarrisonSerifPro";
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: normal;
    color: #1e2b46; }
  article.StoryPreviewBox.article-eventpreview .AddToWatchListLink {
    display: none; }
  article.StoryPreviewBox.article-eventpreview .WebStoryEventDateInfo p {
    font-family: "Atlas Grotesk";
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.07;
    letter-spacing: normal;
    color: #8e8e8b;
    margin-top: 15px; }
  article.StoryPreviewBox.article-eventpreview .WebStoryEventDateInfo b {
    font-family: "Atlas Grotesk";
    color: #1e2b46; }
  article.StoryPreviewBox.article-dsktsmall h2.article-heading.article-heading-premium {
    width: 95%; }
    @media screen and (min-width: 768px) {
      article.StoryPreviewBox.article-dsktsmall h2.article-heading.article-heading-premium {
        font-size: 23px;
        line-height: 1.22; }
        article.StoryPreviewBox.article-dsktsmall h2.article-heading.article-heading-premium a {
          font-size: 23px;
          line-height: 1.22; } }
  article.StoryPreviewBox.article-dsktsmall.article-medium h2.article-heading.article-heading-premium {
    font-size: 16px;
    line-height: 1.19;
    font-weight: bold; }
    article.StoryPreviewBox.article-dsktsmall.article-medium h2.article-heading.article-heading-premium a {
      font-size: 16px;
      line-height: 1.19;
      font-weight: bold; }
  article.StoryPreviewBox.article-tickerpage .article-border-top, article.StoryPreviewBox.article-tickerservice .article-border-top {
    margin-top: 17px;
    margin-bottom: 17px; }
  article.StoryPreviewBox.article-tickerpage .article-headline,
  article.StoryPreviewBox.article-tickerpage .article-section, article.StoryPreviewBox.article-tickerservice .article-headline,
  article.StoryPreviewBox.article-tickerservice .article-section {
    line-height: 1.4;
    letter-spacing: 1.3px;
    color: #1e2b46; }
  article.StoryPreviewBox.article-tickerpage .article-heading, article.StoryPreviewBox.article-tickerservice .article-heading {
    width: 95%;
    line-height: 1.15;
    letter-spacing: normal;
    color: #1e2b46;
    margin-bottom: 5px; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox.article-tickerpage .article-heading, article.StoryPreviewBox.article-tickerservice .article-heading {
        font-size: 18px;
        line-height: 1.17; }
        article.StoryPreviewBox.article-tickerpage .article-heading a, article.StoryPreviewBox.article-tickerservice .article-heading a {
          font-size: 18px;
          line-height: 1.17; } }
  article.StoryPreviewBox.article-tickerpage .article-pubdate, article.StoryPreviewBox.article-tickerservice .article-pubdate {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #2b6fc4; }
  article.StoryPreviewBox.article-tickerpage .TickerPagePreview {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox.article-tickerpage .TickerPagePreview {
        padding: 0; } }
  article.StoryPreviewBox.article-tickerservice .article-border-top {
    margin-top: 11px;
    margin-bottom: 11px; }
  article.StoryPreviewBox.article-tickerservice .article-heading {
    width: 95%;
    font-size: 16px;
    line-height: 1.19; }
    article.StoryPreviewBox.article-tickerservice .article-heading a {
      font-size: 16px;
      line-height: 1.19; }
  article.StoryPreviewBox.article-editorspicks {
    /*margin-left: -10px;
		margin-right: -10px;*/
    background-color: #f0f0e9; }
    article.StoryPreviewBox.article-editorspicks .EditorsPickContent {
      max-width: 644px;
      margin-left: auto;
      margin-right: auto;
      border-bottom: 12px solid #dedfd5; }
    article.StoryPreviewBox.article-editorspicks .headline-editorspicks {
      border-bottom: 12px solid #dedfd5;
      position: relative;
      min-height: 100px; }
      article.StoryPreviewBox.article-editorspicks .headline-editorspicks h2.article-heading {
        font-family: "HarrisonSerifPro";
        font-size: 35px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.14;
        letter-spacing: normal;
        color: #1e2b46; }
      article.StoryPreviewBox.article-editorspicks .headline-editorspicks p .link-green {
        font-weight: bold;
        font-style: normal; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox.article-editorspicks .headline-editorspicks p {
          max-width: 300px; } }
      @media screen and (max-width: 480px) {
        article.StoryPreviewBox.article-editorspicks .headline-editorspicks p {
          max-width: 200px; } }
      article.StoryPreviewBox.article-editorspicks .headline-editorspicks .AuthorShowModule {
        max-width: 170px;
        position: absolute;
        bottom: -11px;
        right: 20px; }
        @media screen and (max-width: 768px) {
          article.StoryPreviewBox.article-editorspicks .headline-editorspicks .AuthorShowModule {
            right: -15px; } }
        article.StoryPreviewBox.article-editorspicks .headline-editorspicks .AuthorShowModule .AuthorPictureBox figure {
          margin-bottom: 0; }
    article.StoryPreviewBox.article-editorspicks .VideoPreviewModule .VideoPreviewDoc.VideoPreviewRow,
    article.StoryPreviewBox.article-editorspicks .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryPreviewRow {
      margin-top: 0;
      border-top: none; }
  article.StoryPreviewBox .PageTeaserPreview {
    background-color: #fff; }
    article.StoryPreviewBox .PageTeaserPreview .TextBackground {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      /*background-color: rgba(30,43,70,0.6);*/
      background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
      background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
      background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
      background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
      background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
      background-color: unset; }
    article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader {
      position: relative;
      overflow: hidden;
      margin-bottom: 20px; }
      article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .PictureContainer {
        max-height: 358px; }
        @media screen and (max-width: 768px) {
          article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .PictureContainer img {
            max-width: unset;
            width: 100%; } }
      article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader header .article-update {
        display: none; }
      article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader figure {
        z-index: 1;
        margin-bottom: 0px; }
      article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TopTextContainer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 644px;
        height: 100%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
        @media screen and (max-width: 768px) {
          article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TopTextContainer {
            width: 100%; } }
        article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TopTextContainer h3 {
          color: #fff;
          text-align: center;
          margin-top: 25px;
          font-size: 13px; }
      article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 644px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        color: #fff;
        border-bottom: 12px solid #F0F0E9; }
        @media screen and (max-width: 768px) {
          article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer {
            width: 90%; } }
        article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer header {
          padding-bottom: 20px; }
        article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer a,
        article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer h3 {
          margin-top: 25px;
          font-family: "Atlas Grotesk";
          font-size: 11px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.55;
          letter-spacing: 1.5px;
          text-align: center;
          color: #f5f5ef; }
        article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer h2 {
          text-align: left;
          margin-bottom: 5px;
          font-family: "HarrisonSerifPro";
          font-size: 35px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.14;
          letter-spacing: normal;
          text-align: left;
          color: #f5f5ef; }
          @media screen and (max-width: 768px) {
            article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer h2 {
              font-size: 23px;
              line-height: 1.13; } }
          article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer h2 a {
            font-family: "HarrisonSerifPro";
            font-size: 35px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.14;
            letter-spacing: normal;
            text-align: left;
            color: #f5f5ef; }
            @media screen and (max-width: 768px) {
              article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer h2 a {
                font-size: 30px;
                line-height: 1.13; } }
        article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer h4 {
          margin-bottom: 0px;
          margin-top: 0;
          font-family: "Atlas Grotesk";
          font-size: 13px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.46;
          letter-spacing: normal;
          text-align: left;
          color: #f5f5ef; }
          @media screen and (max-width: 768px) {
            article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer h4 {
              font-size: 15px;
              line-height: 1.43; } }
        article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .TextContainer a:hover {
          text-decoration: none; }
      article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .PageTeaserLogo {
        position: absolute;
        height: 63px;
        width: 63px;
        left: -126px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
                background-size: contain; }
        @media screen and (max-width: 998px) {
          article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .PageTeaserLogo {
            position: relative;
            float: left;
            margin-right: 20px;
            left: 0; } }
        @media screen and (max-width: 768px) {
          article.StoryPreviewBox .PageTeaserPreview .PageTeaserHeader .PageTeaserLogo {
            height: 32px;
            width: 32px;
            margin-right: 10px;
            margin-bottom: 30px;
            margin-top: 3px;
            display: none; } }
    article.StoryPreviewBox .PageTeaserPreview .PageTeaserText {
      max-width: 644px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px;
      padding-bottom: 30px;
      -o-object-fit: contain;
         object-fit: contain;
      font-family: "Atlas Grotesk";
      font-size: 15px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.4;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox .PageTeaserPreview .PageTeaserText {
          padding-left: 15px;
          padding-right: 15px; } }
    article.StoryPreviewBox .PageTeaserPreview.PageLinkTeaser .PageTeaserHeader {
      margin-bottom: 0; }
    article.StoryPreviewBox .PageTeaserPreview.PageLinkTeaser .TextBackground {
      /*opacity: 0.5;*/
      background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
      background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
      background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
      background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
      background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
      background-color: unset; }
  article.StoryPreviewBox .PageBannerTeaserPreview .article-ad-teaser {
    position: absolute;
    top: -25px;
    right: 0px;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: right;
    color: #8e8e8b; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox .PageBannerTeaserPreview .article-ad-teaser {
        font-size: 14px; } }
  @media screen and (min-width: 768px) {
    article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader .PictureContainer {
      max-height: 170px; } }
  article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader .PageBannerTeaserLogo {
    position: absolute;
    height: 63px;
    width: 63px;
    left: 63px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    border-radius: 50%; }
    @media screen and (max-width: 998px) {
      article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader .PageBannerTeaserLogo {
        position: relative;
        float: left;
        margin-right: 20px;
        left: 0; } }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader .PageBannerTeaserLogo {
        height: 32px;
        width: 32px;
        margin-right: 10px;
        margin-bottom: 30px;
        margin-top: 3px; } }
  article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader header {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-bottom: 30px;
    border-bottom: 10px solid #dedfd5; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader header {
        width: 95%; } }
  article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader h2 {
    margin-bottom: 5px;
    font-family: "Atlas Grotesk";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #1e2b46; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader h2 {
        font-size: 23px;
        line-height: 1.29; } }
    article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader h2 a {
      font-family: "Atlas Grotesk";
      font-size: 35px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.14;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader h2 a {
          font-size: 23px;
          line-height: 1.29; } }
  article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader h4 {
    margin-bottom: 0px;
    margin-top: 0;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #8e8e8b; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserHeader h4 {
        font-size: 12px;
        line-height: 1.17; } }
  @media screen and (max-width: 768px) {
    article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserText {
      padding-bottom: 0; } }
  article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserText .PageTeaserMeta {
    margin-top: 20px;
    padding-bottom: 50px; }
    @media screen and (max-width: 768px) {
      article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserText .PageTeaserMeta {
        padding-bottom: 20px; } }
    article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserText .PageTeaserMeta .left {
      float: left; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserText .PageTeaserMeta .left {
          float: none; } }
      article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserText .PageTeaserMeta .left a {
        font-family: "Atlas Grotesk";
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: left; }
    article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserText .PageTeaserMeta .right {
      float: right;
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.23;
      letter-spacing: normal;
      text-align: left;
      color: #8e8e8b; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserText .PageTeaserMeta .right {
          float: none;
          margin-top: 20px; }
          article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserText .PageTeaserMeta .right .ShowShare {
            float: none; } }
    article.StoryPreviewBox .PageBannerTeaserPreview .PageTeaserText .PageTeaserMeta .ShowShare a:nth-of-type(1) {
      margin-right: 15px;
      margin-left: 15px; }
  article.StoryPreviewBox .PageLinkTeaser .PageTeaserHeader .PictureContainer {
    max-height: 508px; }
  article.StoryPreviewBox .PageLinkTeaser .PageTeaserHeader .TextContainer {
    border-bottom: none; }
    article.StoryPreviewBox .PageLinkTeaser .PageTeaserHeader .TextContainer h2 {
      text-align: center; }
    article.StoryPreviewBox .PageLinkTeaser .PageTeaserHeader .TextContainer .PageTeaserLink {
      text-align: center;
      margin-bottom: 30px;
      margin-top: 40px; }
      @media screen and (max-width: 768px) {
        article.StoryPreviewBox .PageLinkTeaser .PageTeaserHeader .TextContainer .PageTeaserLink {
          margin-top: 20px;
          margin-bottom: 20px; } }
      article.StoryPreviewBox .PageLinkTeaser .PageTeaserHeader .TextContainer .PageTeaserLink a {
        border: 1px solid #00ca88;
        border-radius: 3px;
        padding: 12px 30px 12px 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        background-color: rgba(30, 43, 70, 0.9); }
        @media screen and (max-width: 768px) {
          article.StoryPreviewBox .PageLinkTeaser .PageTeaserHeader .TextContainer .PageTeaserLink a {
            padding: 7px 20px 5px 20px; } }
        article.StoryPreviewBox .PageLinkTeaser .PageTeaserHeader .TextContainer .PageTeaserLink a:hover {
          /*background-color: $cust-brand-greendark;*/
          border: 1px solid #329f7c; }
  article.StoryPreviewBox .HasWebDeadline {
    display: inline-block;
    margin-left: 5px; }
  @media screen and (max-width: 768px) {
    article.StoryPreviewBox {
      /*.article-heading
		{
			min-height: 1.0em;
		}

		h1
		{
			font-size: 35px;
		}

		h3
		{
			min-height: 1.0em;
		}

		div.col-sm-4 h3
		{
			margin-top: 23px;
		}*/ } }
  article.StoryPreviewBox.article-tile .TextInside .TextContainer {
    text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em; }
  article.StoryPreviewBox.article-tile .article-top {
    display: inline-block; }
  article.StoryPreviewBox.article-tile .article-heading {
    width: 95%;
    font-weight: 600; }
    article.StoryPreviewBox.article-tile .article-heading a {
      font-size: 18px; }
      @media screen and (min-width: 1016px) {
        article.StoryPreviewBox.article-tile .article-heading a {
          font-size: 20px; } }
  article.StoryPreviewBox.article-card {
    border: 1px solid #aaa;
    margin-bottom: 20px;
    background-color: #fff; }
    article.StoryPreviewBox.article-card .article-section, article.StoryPreviewBox.article-card .article-locality, article.StoryPreviewBox.article-card .article-heading, article.StoryPreviewBox.article-card .article-headline, article.StoryPreviewBox.article-card .article-meta, article.StoryPreviewBox.article-card .article-pubdate, article.StoryPreviewBox.article-card p {
      width: 95%;
      padding-left: 10px;
      padding-right: 10px; }
    article.StoryPreviewBox.article-card .TextInside .TextContainer {
      text-align: left;
      padding-left: 0.5em;
      padding-right: 0.5em;
      padding-bottom: 0.5em; }
    article.StoryPreviewBox.article-card .article-top {
      display: inline-block; }
    article.StoryPreviewBox.article-card .article-section, article.StoryPreviewBox.article-card .article-locality, article.StoryPreviewBox.article-card .article-pubdate {
      display: block; }
    article.StoryPreviewBox.article-card .article-heading {
      width: 95%;
      font-weight: 600; }
      article.StoryPreviewBox.article-card .article-heading a {
        font-size: 18px; }
        @media screen and (min-width: 1016px) {
          article.StoryPreviewBox.article-card .article-heading a {
            font-size: 20px; } }
  article.StoryPreviewBox.article-newsticker {
    background-color: #fff;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 34px;
    padding-right: 34px; }
    @media screen and (max-width: 576px) {
      article.StoryPreviewBox.article-newsticker {
        padding-left: 16px;
        padding-right: 16px; } }
    article.StoryPreviewBox.article-newsticker h2.article-heading,
    article.StoryPreviewBox.article-newsticker h2.article-heading article-heading-premium {
      margin-bottom: 0; }
      @media screen and (max-width: 576px) {
        article.StoryPreviewBox.article-newsticker h2.article-heading,
        article.StoryPreviewBox.article-newsticker h2.article-heading article-heading-premium {
          font-size: 17px; } }
      article.StoryPreviewBox.article-newsticker h2.article-heading a,
      article.StoryPreviewBox.article-newsticker h2.article-heading article-heading-premium a {
        font-family: "HarrisonSerifPro";
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.1;
        letter-spacing: normal;
        color: #1e2b46; }
        @media screen and (max-width: 576px) {
          article.StoryPreviewBox.article-newsticker h2.article-heading a,
          article.StoryPreviewBox.article-newsticker h2.article-heading article-heading-premium a {
            font-size: 17px;
            line-height: 0.8; } }
    article.StoryPreviewBox.article-newsticker .article-section {
      font-family: "Atlas Grotesk";
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.83;
      letter-spacing: normal;
      color: #1e2b46;
      text-align: left;
      text-transform: none;
      display: inline-block;
      margin-right: 5px; }
    article.StoryPreviewBox.article-newsticker span.article-pubtime {
      font-family: "Atlas Grotesk";
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.83;
      letter-spacing: normal;
      color: #8e8e8b;
      text-align: left;
      text-transform: none;
      display: inline-block; }
    article.StoryPreviewBox.article-newsticker .newstickermetadata {
      border-bottom: 2px solid #c3c3c3;
      padding-bottom: 10px; }

.NextReadsHeading {
  /*margin-top:80px;*/
  margin-bottom: 80px;
  background-color: #fff !important;
  padding: 0; }

@media screen and (min-width: 768px) {
  .RelatedWebStoriesModule {
    padding-left: 10px;
    padding-right: 10px; } }

.RelatedWebStoriesModule .article-border-top {
  margin-top: 0;
  margin-bottom: 40px; }

@media screen and (max-width: 992px) {
  .RelatedWebStoriesModule {
    max-width: 684px;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 768px) {
  .RelatedWebStoriesModule article.StoryPreviewBox.article-medium {
    padding-left: 5px;
    padding-right: 5px; } }

/*******************************************************/
/* Format: Kachel (Tile) */
/*******************************************************/
.article-large article.StoryPreviewBox.article-tile .article-heading {
  width: 95%; }
  @media screen and (min-width: 768px) {
    .article-large article.StoryPreviewBox.article-tile .article-heading a {
      font-size: 40px; } }

/*******************************************************/
/* Format: Karte (Card) */
/*******************************************************/
.article-large article.StoryPreviewBox.article-card .article-heading {
  width: 95%; }
  @media screen and (min-width: 768px) {
    .article-large article.StoryPreviewBox.article-card .article-heading a {
      font-size: 40px; } }

/*******************************************************/
/* Format: Kompakt (Compact) */
/*******************************************************/
.articles-compact .headLine {
  font-size: 18px;
  border-bottom-style: none;
  margin-bottom: 5px; }

article.StoryPreviewBox.article-compact h4 {
  padding-top: 0.5em; }

/*******************************************************/
/* Rahmen: zwischen den Spalten (BetweenColumns) */
/*******************************************************/
.article-vertical-divider {
  overflow: hidden;
  /* remove border from first column elements of 2,3 etc. displayed row (has a clear element before) */ }
  .article-vertical-divider > article[class*='col-']:not(:first-child) {
    border-left-style: solid;
    border-width: 1px;
    border-color: #dedfd5;
    padding-bottom: 1000px;
    margin-bottom: -1000px; }
  .article-vertical-divider div[class='clear'] ~ article[class*='col-'] {
    border-left-style: none; }

/*******************************************************/
/* Rahmen: unten (Bottom) */
/*******************************************************/
.article-border-bottom {
  border-bottom: solid 1px #dedfd5;
  margin-top: 30px;
  margin-bottom: 30px; }

.article-border-top {
  border-bottom: solid 1px #dedfd5;
  margin-top: 30px;
  margin-bottom: 30px; }

img.LiveIcon,
img.VideoIcon {
  position: absolute;
  top: 16px;
  left: 20px;
  z-index: 10; }

img.LiveIconXL,
img.VideoIconXL {
  position: absolute;
  top: 16px;
  left: 30px;
  z-index: 10; }
 .StoryPrint {
  Width: 700px; }
  .StoryPrint .StoryPrintBox {
    font-family: Arial,Helvetica,sans-serif;
    border-bottom: 2px solid #DDDDDD;
    position: relative;
    line-height: 1.5em; }
    .StoryPrint .StoryPrintBox p {
      margin-top: 5px;
      margin-bottom: 5px;
      padding: 0px; }
    .StoryPrint .StoryPrintBox H1 {
      line-height: 1.1em;
      color: #246BB3;
      font-size: 1.6em;
      font-weight: bold; }
    .StoryPrint .StoryPrintBox H2 {
      line-height: 1em;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #666;
      font-size: 0.96em;
      font-weight: bold; }
    .StoryPrint .StoryPrintBox .intro {
      font-weight: bold;
      clear: both; }
    .StoryPrint .StoryPrintBox .author {
      position: relative;
      text-transform: uppercase;
      display: block;
      color: #4e4e4e;
      font-size: 0.8em;
      float: left; }
    .StoryPrint .StoryPrintBox .date {
      display: inline;
      float: right;
      color: #666;
      font-size: 0.8em; }
  .StoryPrint .StoryPrintPicture {
    border-bottom: 2px solid #DDDDDD;
    color: #666;
    width: 500px;
    float: left;
    margin-top: 10px;
    margin-right: 5px; }
 
/* CSS für StoryShowMetaModule */
/* definition for the StoryShowMetaModule*/
.StoryShowMeta .subheading {
  font-style: italic; }

.StoryShowMeta .StoryShowMetaShare .icon-whatsapp:before {
  content: "\e67e";
  vertical-align: middle;
  color: white;
  background-color: #25d366;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 5px solid #25d366; }

.StoryShowMeta .StoryShowMetaInteraction {
  text-align: left; }
  .StoryShowMeta .StoryShowMetaInteraction svg {
    vertical-align: middle; }
  .StoryShowMeta .StoryShowMetaInteraction a.ShoppingCartLink {
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    font-size: 18px; }

.StoryShowMeta .StoryShowMetaInternetTags {
  /*overwrite bootstrap style*/ }
  .StoryShowMeta .StoryShowMetaInternetTags .list-inline > li {
    padding-right: 0; }
 
/* CSS für StoryShowModule and PrintStoryShowModule */
/* CSS definitions for story content which is used in several story modules (like WebStoryPreviewModule, StoryShowModule, WebStoryFeaturedModule etc.) */
/*Layout htmlembedcontainer for data-privacy*/
.htmlembedcontainer {
  /* BackgroundImage for OtherHtml */
  /* BackgroundImage for Facebook*/
  /* BackgroundImage for Twitter*/
  /* BackgroundImage for Instagram*/
  /* BackgroundImage for OtherSocialEmbed */
  /* BackgroundImage for youtube html box */
  /* BackgroundImage for other video html box */ }
  .htmlembedcontainer .submitprivacypolicyelement {
    height: 240px; }
    @media (max-width: 415px) {
      .htmlembedcontainer .submitprivacypolicyelement input {
        margin-left: 50px;
        margin-top: 155px; } }
    @media (min-width: 415px) {
      .htmlembedcontainer .submitprivacypolicyelement input {
        margin-top: 60px;
        margin-left: 240px; } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.otherhtml {
      background-image: url("/Layout/News/DataPrivacyOtherHtml_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.otherhtml {
      background-image: url("/Layout/News/DataPrivacyOtherHtml_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.facebook {
      background-image: url("/Layout/News/DataPrivacyFacebook_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.facebook {
      background-image: url("/Layout/News/DataPrivacyFacebook_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.twitter {
      background-image: url("/Layout/News/DataPrivacyTwitter_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.twitter {
      background-image: url("/Layout/News/DataPrivacyTwitter_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.instagram {
      background-image: url("/Layout/News/DataPrivacyInstagram_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.instagram {
      background-image: url("/Layout/News/DataPrivacyInstagram_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.othersocialembed {
      background-image: url("/Layout/News/DataPrivacyOtherSocial_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.othersocialembed {
      background-image: url("/Layout/News/DataPrivacyOtherSocial_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.youtube {
      background-image: url("/Layout/News/DataPrivacyYoutube_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.youtube {
      background-image: url("/Layout/News/DataPrivacyYoutube_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.othervideo {
      background-image: url("/Layout/News/DataPrivacyOtherVideo_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.othervideo {
      background-image: url("/Layout/News/DataPrivacyOtherVideo_Landscape.jpg"); } }

/* CSS für StoryShowModule and PrintStoryShowModule */
.Wcms.StoryTelling {
  background-color: #F9F9F5; }

/* TBS Layouts for Interview*/
.Question {
  margin-top: 5px;
  margin-bottom: 5px; }

.QuestionMark {
  font-weight: bold; }
  .QuestionMark span {
    font-family: "HarrisonSerifPro";
    font-size: 66px;
    line-height: 42px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #1e2b46;
    vertical-align: top;
    float: left;
    margin-right: 11px;
    margin-top: 8px; }
    @media screen and (max-width: 480px) {
      .QuestionMark span {
        font-size: 54px;
        line-height: 32px; } }

article.article-standard {
  padding-top: 90px;
  margin-bottom: 90px;
  background-color: #fff; }
  @media screen and (max-width: 480px) {
    article.article-standard {
      padding-top: 30px; } }

article.article-standard.article-premium {
  background-color: #F9F9F5;
  /*margin-bottom: 0;*/
  padding-top: 0px; }

article.article-premium .StoryShowPaywall,
article.article-standard .StoryShowPaywall {
  position: relative;
  height: 140px;
  overflow: hidden; }
  @media screen and (max-width: 480px) {
    article.article-premium .StoryShowPaywall,
    article.article-standard .StoryShowPaywall {
      height: 107px; } }

article.article-premium .PaywallLogin,
article.article-standard .PaywallLogin {
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 50px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
  position: relative; }
  @media screen and (max-width: 768px) {
    article.article-premium .PaywallLogin,
    article.article-standard .PaywallLogin {
      padding-top: 30px; } }

article.article-premium .StoryShowBox,
article.article-standard .StoryShowBox {
  max-width: 644px;
  margin-left: auto;
  margin-right: auto; }
  article.article-premium .StoryShowBox header,
  article.article-standard .StoryShowBox header {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 50px;
    -ms-grid-column: 100%; }
  article.article-premium .StoryShowBox h2,
  article.article-standard .StoryShowBox h2 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: left;
    color: #1e2b46;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block; }
  article.article-premium .StoryShowBox h1,
  article.article-standard .StoryShowBox h1 {
    -ms-flex-order: 2;
    -ms-grid-row: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
            order: 2;
    color: #1e2b46;
    font-size: 35px;
    margin-bottom: 28px;
    margin-top: 0;
    font-weight: 700;
    text-transform: none;
    letter-spacing: normal;
    font-family: "HarrisonSerifPro";
    line-height: 1.14; }
    @media screen and (max-width: 480px) {
      article.article-premium .StoryShowBox h1,
      article.article-standard .StoryShowBox h1 {
        font-size: 25px;
        line-height: 1.08; } }
  article.article-premium .StoryShowBox .intro,
  article.article-standard .StoryShowBox .intro {
    color: #1e2b46;
    font-family: "Atlas Grotesk";
    font-weight: 400;
    line-height: 1.5;
    font-size: 18px; }
    @media screen and (max-width: 480px) {
      article.article-premium .StoryShowBox .intro,
      article.article-standard .StoryShowBox .intro {
        font-size: 16px;
        line-height: 1.44; } }
  article.article-premium .StoryShowBox .StoryShowHeaderMeta,
  article.article-standard .StoryShowBox .StoryShowHeaderMeta {
    margin-top: 18px;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #8e8e8b; }
    article.article-premium .StoryShowBox .StoryShowHeaderMeta h2.StoryShowLocation,
    article.article-premium .StoryShowBox .StoryShowHeaderMeta h2.StoryShowAuthor,
    article.article-standard .StoryShowBox .StoryShowHeaderMeta h2.StoryShowLocation,
    article.article-standard .StoryShowBox .StoryShowHeaderMeta h2.StoryShowAuthor {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      text-align: left;
      color: #8e8e8b;
      display: inline-block;
      text-transform: none;
      margin: 0; }
    article.article-premium .StoryShowBox .StoryShowHeaderMeta a,
    article.article-standard .StoryShowBox .StoryShowHeaderMeta a {
      color: #8e8e8b; }
    article.article-premium .StoryShowBox .StoryShowHeaderMeta .TopLine,
    article.article-standard .StoryShowBox .StoryShowHeaderMeta .TopLine {
      margin-bottom: 20px;
      font-family: "Atlas Grotesk";
      font-size: 18px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.42;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46; }
      @media screen and (max-width: 480px) {
        article.article-premium .StoryShowBox .StoryShowHeaderMeta .TopLine,
        article.article-standard .StoryShowBox .StoryShowHeaderMeta .TopLine {
          font-size: 16px;
          line-height: 1.31; } }
      article.article-premium .StoryShowBox .StoryShowHeaderMeta .TopLine .NativAdsLogo,
      article.article-standard .StoryShowBox .StoryShowHeaderMeta .TopLine .NativAdsLogo {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        vertical-align: middle;
        margin-right: 10px;
        float: left; }
      article.article-premium .StoryShowBox .StoryShowHeaderMeta .TopLine .NativAdsCompany,
      article.article-standard .StoryShowBox .StoryShowHeaderMeta .TopLine .NativAdsCompany {
        line-height: 38px; }
      article.article-premium .StoryShowBox .StoryShowHeaderMeta .TopLine h2.StoryShowLocation,
      article.article-standard .StoryShowBox .StoryShowHeaderMeta .TopLine h2.StoryShowLocation {
        font-family: "Atlas Grotesk";
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42;
        letter-spacing: normal;
        text-align: left;
        color: #1e2b46;
        display: inline-block;
        margin: 0; }
      article.article-premium .StoryShowBox .StoryShowHeaderMeta .TopLine h2.StoryShowAuthor,
      article.article-standard .StoryShowBox .StoryShowHeaderMeta .TopLine h2.StoryShowAuthor {
        font-family: "Atlas Grotesk";
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42;
        letter-spacing: normal;
        text-align: left;
        color: #1e2b46;
        margin: 0; }
        article.article-premium .StoryShowBox .StoryShowHeaderMeta .TopLine h2.StoryShowAuthor a,
        article.article-standard .StoryShowBox .StoryShowHeaderMeta .TopLine h2.StoryShowAuthor a {
          color: #1e2b46; }
        article.article-premium .StoryShowBox .StoryShowHeaderMeta .TopLine h2.StoryShowAuthor .ByAuthor,
        article.article-standard .StoryShowBox .StoryShowHeaderMeta .TopLine h2.StoryShowAuthor .ByAuthor {
          font-weight: normal; }
    article.article-premium .StoryShowBox .StoryShowHeaderMeta .ShowShare a,
    article.article-standard .StoryShowBox .StoryShowHeaderMeta .ShowShare a {
      color: #1e2b46;
      font-size: 12px; }

article.article-premium .StoryShowGalleryBox,
article.article-standard .StoryShowGalleryBox {
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 644px;
  margin-left: auto;
  margin-right: auto; }
  article.article-premium .StoryShowGalleryBox figcaption,
  article.article-standard .StoryShowGalleryBox figcaption {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 40px; }
    article.article-premium .StoryShowGalleryBox figcaption p,
    article.article-standard .StoryShowGalleryBox figcaption p {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #8e8e8b; }
      article.article-premium .StoryShowGalleryBox figcaption p a,
      article.article-standard .StoryShowGalleryBox figcaption p a {
        display: inline;
        color: #8e8e8b;
        text-decoration: underline; }
  article.article-premium .StoryShowGalleryBox .StoryShowGalleryImage .image-credit,
  article.article-standard .StoryShowGalleryBox .StoryShowGalleryImage .image-credit {
    font-family: "Atlas Grotesk";
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #8e8e8b;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    display: inline-block; }

article.article-premium .StoryShowGalleryBox.col3,
article.article-standard .StoryShowGalleryBox.col3 {
  width: 33%;
  margin-left: unset;
  margin-right: unset;
  float: left;
  margin: 15px; }

article.article-premium .StoryShowBody .StoryShowBaseTextBox,
article.article-standard .StoryShowBody .StoryShowBaseTextBox {
  font-family: "HarrisonSerifPro";
  font-size: 19px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #1e2b46; }
  article.article-premium .StoryShowBody .StoryShowBaseTextBox .PianoContent,
  article.article-standard .StoryShowBody .StoryShowBaseTextBox .PianoContent {
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  @media screen and (max-width: 480px) {
    article.article-premium .StoryShowBody .StoryShowBaseTextBox,
    article.article-standard .StoryShowBody .StoryShowBaseTextBox {
      font-size: 18px;
      line-height: 1.39;
      word-spacing: -0.5px; } }
  article.article-premium .StoryShowBody .StoryShowBaseTextBox p, article.article-premium .StoryShowBody .StoryShowBaseTextBox ul,
  article.article-standard .StoryShowBody .StoryShowBaseTextBox p,
  article.article-standard .StoryShowBody .StoryShowBaseTextBox ul {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px; }
  article.article-premium .StoryShowBody .StoryShowBaseTextBox .StoryImTitle,
  article.article-standard .StoryShowBody .StoryShowBaseTextBox .StoryImTitle {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
    margin-bottom: 8px;
    font-family: "HarrisonSerifPro";
    font-size: 19px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    color: #1e2b46; }

article.article-premium .StoryShowBody .StoryShowMetaInternetTags,
article.article-standard .StoryShowBody .StoryShowMetaInternetTags {
  max-width: 644px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  /*border-top: 10px solid #f5f5ef;*/ }
  article.article-premium .StoryShowBody .StoryShowMetaInternetTags span.BottomheadLine,
  article.article-standard .StoryShowBody .StoryShowMetaInternetTags span.BottomheadLine {
    /*padding-top: 20px;*/
    font-family: "Atlas Grotesk";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #8e8e8b; }
  article.article-premium .StoryShowBody .StoryShowMetaInternetTags ul,
  article.article-standard .StoryShowBody .StoryShowMetaInternetTags ul {
    text-align: left;
    font-family: "Atlas Grotesk";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #1e2b46; }
    article.article-premium .StoryShowBody .StoryShowMetaInternetTags ul li,
    article.article-standard .StoryShowBody .StoryShowMetaInternetTags ul li {
      /*padding: 5px 15px;
					margin-right: 10px;
					margin-top: 15px;
					border: solid 1px #dedfd5;*/
      padding: 0;
      margin-right: -4px;
      /*a
					{
						font-family: $font-family-atlas;
						font-size: 11px;
						font-weight: normal;
						font-style: normal;
						font-stretch: normal;
						line-height: normal;
						letter-spacing: normal;
						text-align: center;
						color: #1e2b46;
						text-transform: uppercase;
					}*/ }

article.article-premium .StoryShowBaseTextBox p:first-child,
article.article-standard .StoryShowBaseTextBox p:first-child {
  margin-top: 0px;
  display: block; }

article.article-premium .NativAdsBrand,
article.article-standard .NativAdsBrand {
  width: 100%;
  text-align: right;
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #8e8e8b;
  margin-bottom: 10px; }

.ShowShare {
  float: right; }
  @media screen and (max-width: 480px) {
    .ShowShare {
      float: none;
      display: block;
      margin-top: 50px; } }
  .ShowShare a {
    color: #1e2b46;
    font-size: 12px;
    padding: 3px; }
    .ShowShare a:hover {
      text-decoration: none; }
      .ShowShare a:hover i {
        color: #00ca88; }
    .ShowShare a:nth-of-type(n+2) {
      margin-right: 9px;
      vertical-align: top; }
  .ShowShare span {
    /*background: #fff;
				padding: 0 15px;*/ }
  .ShowShare.ShowShareBottom {
    float: none;
    margin-top: 50px;
    margin-bottom: 40px;
    text-align: left;
    border-top: none; }
    .ShowShare.ShowShareBottom span {
      padding: 0; }

article.article-premium {
  /*background-color: rgba(245,245,239,0.6);*/
  margin-top: 0; }
  article.article-premium .StoryPremiumLogo {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #fff; }
  article.article-premium .StoryShowPremiumGalleryBox {
    width: 100%;
    max-width: 100%;
    padding-bottom: 70px; }
    @media screen and (max-width: 480px) {
      article.article-premium .StoryShowPremiumGalleryBox {
        padding-bottom: 40px; } }
    article.article-premium .StoryShowPremiumGalleryBox .StoryShowGalleryImage {
      max-width: 1016px;
      margin-left: auto;
      margin-right: auto; }
      article.article-premium .StoryShowPremiumGalleryBox .StoryShowGalleryImage figcaption {
        max-width: 1016px;
        padding-left: 15px;
        padding-right: 15px; }
        article.article-premium .StoryShowPremiumGalleryBox .StoryShowGalleryImage figcaption .img-bu {
          /*display: none;*/
          /*PMODIF JST 2018-11-09 removed*/
          font-family: "Atlas Grotesk";
          font-size: 13px;
          font-weight: 400;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.46;
          letter-spacing: normal;
          color: #8e8e8b; }
        article.article-premium .StoryShowPremiumGalleryBox .StoryShowGalleryImage figcaption .image-credit {
          float: right;
          /*margin-right: 20px;*/
          font-family: "Atlas Grotesk";
          font-size: 10px;
          font-weight: normal;
          font-style: italic;
          font-stretch: normal;
          line-height: 1.9;
          letter-spacing: normal;
          text-align: right;
          color: #8e8e8b; }
  article.article-premium .StoryShowGalleryBox {
    max-width: 810px; }
  article.article-premium .StoryShowGalleryBox.ShowWide {
    max-width: 1016px;
    /*margin-left:-15px;
		margin-right:-15px;*/ }
    @media screen and (max-width: 480px) {
      article.article-premium .StoryShowGalleryBox.ShowWide {
        margin-left: -10px;
        margin-right: -10px; } }
  article.article-premium .StoryShowGalleryBox.ShowSmall {
    width: 70%;
    max-width: 477px; }
    article.article-premium .StoryShowGalleryBox.ShowSmall img {
      margin-left: auto;
      margin-right: auto; }
  article.article-premium .StoryShowPremiumWideHeader {
    -webkit-background-size: cover;
            background-size: cover;
    background-position-x: center;
    background-position-y: top;
    height: 85vh;
    margin: 0;
    padding: 0;
    position: relative; }
    article.article-premium .StoryShowPremiumWideHeader span.image-credit {
      position: absolute;
      bottom: -25px;
      right: 15px;
      font-family: "Atlas Grotesk";
      font-size: 10px;
      font-weight: normal;
      font-style: italic;
      font-stretch: normal;
      line-height: 1.9;
      letter-spacing: normal;
      text-align: right;
      color: #8e8e8b; }
    article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader {
      width: 100%;
      max-width: 1016px;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
           -o-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      margin-bottom: 0;
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-color: rgba(30, 43, 70, 0.9); }
      @media screen and (max-width: 1024px) {
        article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader {
          max-width: 810px; } }
      article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader header {
        max-width: 644px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 68px;
        margin-top: 70px;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 50px;
        -ms-grid-column: 100%; }
        article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader header .PremiumIcon {
          height: 18px; }
        article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader header svg.PremiumIcon {
          height: 18px;
          vertical-align: middle;
          margin-right: 7px;
          margin-top: -2px; }
          article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader header svg.PremiumIcon:not(.PremiumIconHA) path, article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader header svg.PremiumIcon:not(.PremiumIconHA) polygon {
            /*fill: #fff !important;*/ }
      article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader h2 {
        font-family: "Atlas Grotesk";
        font-size: 16px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.1;
        /*letter-spacing: 1.5px;*/
        text-align: center;
        color: #f5f5ef;
        text-transform: none;
        margin-bottom: 0;
        display: block;
        -ms-flex-order: 1;
        -ms-grid-row: 1;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
                order: 1; }
      article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader h1 {
        color: #f5f5ef;
        font-size: 40px;
        margin-bottom: 0;
        margin-top: 30px;
        font-weight: normal;
        text-transform: none;
        letter-spacing: normal;
        font-family: "HarrisonSerifPro";
        line-height: 1.09;
        text-align: center;
        -ms-flex-order: 2;
        -ms-grid-row: 2;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
                order: 2; }
        @media screen and (max-width: 480px) {
          article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader h1 {
            font-size: 28px;
            line-height: 1.14; } }
      article.article-premium .StoryShowPremiumWideHeader .StoryShowPremiumOverlayHeader .brand-line {
        margin-bottom: -1px;
        max-width: 644px;
        margin-left: auto;
        margin-right: auto; }
  article.article-premium .StoryShowPremiumHeader {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 90px; }
    @media screen and (max-width: 480px) {
      article.article-premium .StoryShowPremiumHeader {
        padding-bottom: 60px;
        padding-left: 15px;
        /*PMODIF JST 2018-11-13 add padding*/
        padding-right: 15px; } }
    article.article-premium .StoryShowPremiumHeader .PremiumIcon {
      height: 18px; }
    article.article-premium .StoryShowPremiumHeader svg.PremiumIcon {
      height: 18px;
      vertical-align: middle;
      margin-right: 7px;
      margin-top: -2px; }
      article.article-premium .StoryShowPremiumHeader svg.PremiumIcon path, article.article-premium .StoryShowPremiumHeader svg.PremiumIcon polygon {
        /*fill: #fff !important;*/ }
    article.article-premium .StoryShowPremiumHeader header {
      display: -ms-grid;
      display: grid; }
    article.article-premium .StoryShowPremiumHeader h2 {
      font-family: "HarrisonSerifPro";
      font-size: 17px;
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.1;
      /*letter-spacing: 1.5px;*/
      text-align: center;
      color: #1e2b46;
      text-transform: none;
      margin: 0;
      display: block;
      -ms-flex-order: 1;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
              order: 1; }
    article.article-premium .StoryShowPremiumHeader h1 {
      color: #1e2b46;
      font-size: 40px;
      margin-bottom: 0;
      margin-top: 30px;
      font-weight: normal;
      text-transform: none;
      letter-spacing: normal;
      font-family: "HarrisonSerifPro";
      line-height: 1.1;
      text-align: center;
      -ms-flex-order: 2;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
              order: 2; }
      @media screen and (max-width: 480px) {
        article.article-premium .StoryShowPremiumHeader h1 {
          font-size: 28px;
          line-height: 1.14;
          margin-top: 15px; } }
    article.article-premium .StoryShowPremiumHeader .brand-line {
      margin-top: 70px;
      margin-bottom: 40px; }
      @media screen and (max-width: 480px) {
        article.article-premium .StoryShowPremiumHeader .brand-line {
          margin-top: 60px; } }
    article.article-premium .StoryShowPremiumHeader .intro {
      color: #1e2b46;
      font-family: "Atlas Grotesk";
      font-weight: normal;
      line-height: 1.5;
      font-size: 18px; }
      @media screen and (max-width: 480px) {
        article.article-premium .StoryShowPremiumHeader .intro {
          font-size: 16px;
          line-height: 1.44; } }
    article.article-premium .StoryShowPremiumHeader .StoryShowHeaderMeta {
      margin-top: 30px;
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      text-align: left;
      color: #8e8e8b; }
      article.article-premium .StoryShowPremiumHeader .StoryShowHeaderMeta h2.StoryShowAuthor {
        font-family: "Atlas Grotesk";
        font-size: 13px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.46;
        letter-spacing: normal;
        text-align: left;
        display: inline-block; }
        article.article-premium .StoryShowPremiumHeader .StoryShowHeaderMeta h2.StoryShowAuthor a {
          color: #8e8e8b; }
      article.article-premium .StoryShowPremiumHeader .StoryShowHeaderMeta h2.StoryShowLocation {
        font-family: "Atlas Grotesk";
        font-size: 13px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.46;
        letter-spacing: normal;
        text-align: left;
        color: #8e8e8b;
        display: inline-block; }
      article.article-premium .StoryShowPremiumHeader .StoryShowHeaderMeta .TopLine {
        margin-bottom: 20px;
        font-family: "Atlas Grotesk";
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42;
        letter-spacing: normal;
        text-align: left;
        color: #1e2b46; }
        @media screen and (max-width: 480px) {
          article.article-premium .StoryShowPremiumHeader .StoryShowHeaderMeta .TopLine {
            font-size: 16px;
            line-height: 1.31;
            margin-bottom: 15px; } }
        article.article-premium .StoryShowPremiumHeader .StoryShowHeaderMeta .TopLine h2.StoryShowLocation {
          font-family: "Atlas Grotesk";
          font-size: 18px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.42;
          letter-spacing: normal;
          text-align: left;
          color: #1e2b46;
          display: inline-block; }
        article.article-premium .StoryShowPremiumHeader .StoryShowHeaderMeta .TopLine h2.StoryShowAuthor {
          font-family: "Atlas Grotesk";
          font-size: 18px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.42;
          letter-spacing: normal;
          text-align: left;
          color: #1e2b46; }
          article.article-premium .StoryShowPremiumHeader .StoryShowHeaderMeta .TopLine h2.StoryShowAuthor a {
            color: #1e2b46; }
          article.article-premium .StoryShowPremiumHeader .StoryShowHeaderMeta .TopLine h2.StoryShowAuthor .ByAuthor {
            font-weight: normal; }
  article.article-premium .StoryShowBody .StoryShowBaseTextBox > p:first-of-type:first-letter {
    font-family: "HarrisonSerifPro";
    font-size: 99px;
    line-height: 72px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #1e2b46;
    vertical-align: top;
    float: left;
    margin-right: 11px;
    margin-top: 8px; }
    @media screen and (max-width: 480px) {
      article.article-premium .StoryShowBody .StoryShowBaseTextBox > p:first-of-type:first-letter {
        font-size: 54px;
        line-height: 38px; } }
  @media screen and (max-width: 480px) {
    article.article-premium .StoryShowBody {
      padding-left: 15px;
      /*PMODIF JST 2018-11-13 add padding*/
      padding-right: 15px; } }
  @media screen and (min-width: 769px) {
    article.article-premium .InlinePictureGalleryBox {
      margin-left: 10px;
      margin-right: 10px; } }
  @media screen and (min-width: 769px) {
    article.article-premium .StoryAuthors {
      max-width: 1016px;
      margin-left: auto;
      margin-right: auto; } }
  article.article-premium .InlineNextRead {
    margin-left: 10px;
    margin-right: 10px;
    /*margin-bottom:68px;*/ }

article.article-service {
  max-width: 644px; }
  article.article-service h1 {
    /*font-family: $font-family-harrison;
		font-size: 35px;
		font-weight: 700;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.14;
		letter-spacing: normal;
		text-align: left;
		color: #1e2b46;
		margin-bottom: 35px;*/
    font-family: "HarrisonSerifPro";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #1e2b46;
    padding-bottom: 22px;
    margin-bottom: 40px;
    text-transform: none;
    text-align: left;
    border-bottom: 12px solid #F0F0E9; }
    @media screen and (max-width: 480px) {
      article.article-service h1 {
        font-size: 25px;
        line-height: 1.08; } }
  article.article-service .intro {
    font-family: "Atlas Grotesk";
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #1e2b46; }
  article.article-service span.StoryImTitle {
    font-family: "HarrisonSerifPro";
    font-size: 19px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    /*line-height: 2.11;*/
    letter-spacing: normal;
    text-align: left;
    color: #1e2b46;
    display: inline-block;
    margin-top: 18px;
    margin-bottom: -1px; }
  article.article-service p, article.article-service ul {
    font-family: "Atlas Grotesk";
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #1e2b46; }
  article.article-service a {
    color: #1e2b46;
    position: relative; }
    article.article-service a::after {
      content: "";
      background: #00ca88;
      position: absolute;
      bottom: -8px;
      left: 0;
      height: 1px;
      width: 100%;
      margin-bottom: 6px; }
    article.article-service a:hover {
      text-decoration: none;
      color: #00ca88; }
      article.article-service a:hover::after {
        background: none; }

article.article-standard.article-eventlist .StoryShowBaseTextBox,
article.article-premium.article-eventlist .StoryShowBaseTextBox {
  padding-top: 15px;
  padding-bottom: 30px; }

article.article-standard.article-eventlist .WebStoryEventDateInfo,
article.article-premium.article-eventlist .WebStoryEventDateInfo {
  font-family: "Atlas Grotesk";
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.07;
  letter-spacing: normal;
  color: #8e8e8b; }

article.article-standard.article-eventlist .StoryShowBox h1,
article.article-premium.article-eventlist .StoryShowBox h1 {
  font-family: "HarrisonSerifPro";
  font-size: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: center;
  color: #1e2b46; }
  article.article-standard.article-eventlist .StoryShowBox h1 i,
  article.article-premium.article-eventlist .StoryShowBox h1 i {
    font-style: italic;
    color: #8e8e8b;
    display: block; }

article.article-standard.article-eventlist .StoryShowBox h2,
article.article-premium.article-eventlist .StoryShowBox h2 {
  font-family: "HarrisonSerifPro";
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #1e2b46; }

article.article-standard.article-eventlist .StoryShowPremiumHeader,
article.article-premium.article-eventlist .StoryShowPremiumHeader {
  padding-bottom: 60px;
  border-bottom: 1px solid #dedfd5; }

article.article-standard.article-eventlist .StoryShowInlineBox,
article.article-premium.article-eventlist .StoryShowInlineBox {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #dedfd5; }

article.article-standard.article-eventlist .StoryShowInlineBox:last-of-type,
article.article-premium.article-eventlist .StoryShowInlineBox:last-of-type {
  border: none; }

article.article-standard.article-eventlist .WebStoryEventCategories,
article.article-premium.article-eventlist .WebStoryEventCategories {
  text-align: center;
  padding-bottom: 30px;
  max-width: 644px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px; }
  article.article-standard.article-eventlist .WebStoryEventCategories span,
  article.article-premium.article-eventlist .WebStoryEventCategories span {
    font-family: "Atlas Grotesk";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46; }
  article.article-standard.article-eventlist .WebStoryEventCategories ul,
  article.article-premium.article-eventlist .WebStoryEventCategories ul {
    list-style: none;
    padding-left: 0px;
    margin-top: 3px;
    margin-bottom: 0; }
    article.article-standard.article-eventlist .WebStoryEventCategories ul li,
    article.article-premium.article-eventlist .WebStoryEventCategories ul li {
      display: inline-block;
      margin-right: 15px; }
      article.article-standard.article-eventlist .WebStoryEventCategories ul li a,
      article.article-premium.article-eventlist .WebStoryEventCategories ul li a {
        font-family: "Atlas Grotesk";
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.89;
        letter-spacing: 1.2px;
        text-align: center;
        color: #2b6fc4;
        text-transform: uppercase; }

article.article-standard.article-eventlist .WebStoryEventTitle,
article.article-premium.article-eventlist .WebStoryEventTitle {
  background-color: #2b6fc4;
  color: #fff;
  padding: 9px 30px;
  position: absolute;
  top: -17px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-transform: uppercase;
  font-family: 'Atlas Grotesk';
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: 1.7px;
  color: #ffffff; }

.StoryShowInfoArea {
  padding-top: 5px;
  text-align: right;
  float: right;
  color: #1e2b46;
  font-weight: 700;
  font-size: 0.9em; }

.StoryShowBody .StoryShowInfoArea A {
  color: #1e2b46; }

a.printLink:hover, a.AddToWatchListLink:hover, a.commentLink:hover {
  text-decoration: none; }
  a.printLink:hover .rn-ico, a.AddToWatchListLink:hover .rn-ico, a.commentLink:hover .rn-ico {
    color: #00ca88; }

.StoryShowInfoArea A.EditLink {
  display: block;
  margin-bottom: 10px; }

.StoryShowInfoArea A.EditLink span {
  color: #1e2b46; }

/*.StoryShowInfoArea*/
A.commentLink {
  position: relative;
  display: inline-block; }
  A.commentLink span {
    color: #009ee0;
    position: absolute;
    top: 4px;
    left: 12px; }

.StoryShowInfoArea A.WatchListPageLink {
  display: inline-block;
  width: 48px;
  height: 18px;
  border: 1px solid;
  padding-right: 3px;
  line-height: 1.5em;
  text-align: right;
  color: #1e2b46;
  background: url(/Layout/News/watchlist-icon.png) no-repeat 0px 0px; }

/* additional media links in StoryShow */
.StoryMediaLinks {
  margin-top: 20px; }

.StoryShowBox.StoryMediaLinks h3 {
  padding-right: 0em; }

/* Rating Box in StoryShow */
.StoryShowRating {
  border: none;
  margin-top: 20px; }

.StoryShowBox.StoryShowRating h3 {
  padding-right: 0em; }

/* AddToWatchList Box in StoryShow */
.AddToWatchListSeperator {
  height: 30px;
  border-right: 1px solid #d8d8d8;
  margin: 0 15px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle; }

.StoryShowInfoArea A.AddToWatchListLink {
  color: #1e2b46; }

.StoryShowInteraction {
  text-align: right; }
  .StoryShowInteraction svg {
    vertical-align: middle; }
  .StoryShowInteraction a.ShoppingCartLink {
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    font-size: 18px; }

/* Links in StoryShow */
A.StoryShowPictureLink {
  padding-left: 25px;
  display: block;
  background: url(/Layout/News/bilderschau.gif) no-repeat 0px 3px;
  line-height: 1.2em; }

A.StoryShowVideoLink {
  padding-left: 25px;
  display: block;
  background: url(/Layout/News/video.gif) no-repeat 0px 3px;
  line-height: 1.2em; }

a.StoryShowLiveTickerLink {
  padding-left: 25px;
  display: block;
  background: url(/Layout/News/senden.gif) no-repeat 0px 3px;
  line-height: 1.2em; }

A.StoryShowContentLink {
  padding-left: 25px;
  display: block;
  background: url(/Layout/News/senden.gif) no-repeat 0px 3px;
  line-height: 1.2em; }

A.StoryShowPDFLink {
  padding-left: 30px;
  display: block;
  background: url(/Layout/Common/GeneralDocPDF.png) no-repeat;
  height: 24px; }

A.StoryShowGeneralDocLink {
  padding-left: 30px;
  display: block;
  background: url(/Layout/Common/GeneralDoc.png) no-repeat;
  height: 24px; }

.StoryShowInlineHtmlBox {
  margin-top: 49px;
  margin-bottom: 49px;
  max-width: 644px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 480px) {
    .StoryShowInlineHtmlBox {
      margin-top: 25px;
      margin-bottom: 25px; } }

/* for Inline WCMSModules */
.StoryShowInlineBox {
  margin-top: 50px;
  margin-bottom: 50px; }
  @media screen and (min-width: 767px) {
    .StoryShowInlineBox .SurveyModule form {
      max-width: 644px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 480px) {
    .StoryShowInlineBox {
      margin-top: 40px;
      margin-bottom: 40px; } }
  @media screen and (min-width: 992px) {
    .StoryShowInlineBox.posLeft {
      float: left;
      max-width: 352px;
      /*margin-left: 60px;*/
      margin-top: 0;
      margin-bottom: 0; }
      .StoryShowInlineBox.posLeft .InfoBox,
      .StoryShowInlineBox.posLeft .CiteBox {
        margin: 30px 50px;
        padding: 34px 0px; }
    .StoryShowInlineBox.posRight {
      float: right;
      max-width: 352px;
      /*margin-right: 60px;*/
      margin-top: 0;
      margin-bottom: 0; }
      .StoryShowInlineBox.posRight .InfoBox,
      .StoryShowInlineBox.posRight .CiteBox {
        margin: 30px 50px;
        padding: 34px 0px; } }
  .StoryShowInlineBox.posCenter {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto; }
  .StoryShowInlineBox .CiteBox {
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 10px solid #f5f5ef;
    border-bottom: 1px solid #dedfd5;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #1e2b46; }
    @media screen and (max-width: 768px) {
      .StoryShowInlineBox .CiteBox {
        padding-top: 30px;
        padding-bottom: 30px; } }
    .StoryShowInlineBox .CiteBox .CiteBoxContent {
      max-width: 479px;
      margin-left: auto;
      margin-right: auto; }
    .StoryShowInlineBox .CiteBox .CiteBoxText {
      font-family: "HarrisonSerifPro";
      font-size: 30px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.17;
      letter-spacing: normal;
      text-align: center;
      color: #2b6fc4; }
    .StoryShowInlineBox .CiteBox .CiteBoxSource {
      font-family: "Atlas Grotesk";
      font-size: 11px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.55;
      letter-spacing: 1.5px;
      text-align: center;
      color: #2b6fc4;
      margin-top: 15px;
      text-transform: uppercase; }
      @media screen and (max-width: 768px) {
        .StoryShowInlineBox .CiteBox .CiteBoxSource {
          margin-top: 20px; } }
  .StoryShowInlineBox .InfoBox {
    padding-top: 34px;
    padding-bottom: 34px;
    margin-bottom: 25px;
    border-top: 10px solid #f5f5ef;
    border-bottom: 1px solid #dedfd5;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #1e2b46; }
    .StoryShowInlineBox .InfoBox a {
      position: relative;
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46;
      border-bottom: 1px solid #00ca88; }
      .StoryShowInlineBox .InfoBox a:hover {
        text-decoration: none;
        border-bottom: none; }
    .StoryShowInlineBox .InfoBox span.headLine {
      font-family: "Atlas Grotesk";
      font-size: 11px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.55;
      letter-spacing: 1.5px;
      text-align: center;
      color: #1e2b46;
      border: none;
      display: block; }
    .StoryShowInlineBox .InfoBox .InfoBoxContent {
      max-width: 479px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 500px) {
        .StoryShowInlineBox .InfoBox .InfoBoxContent {
          margin-left: 20px;
          margin-right: 20px; } }
    .StoryShowInlineBox .InfoBox h3 {
      font-family: "Atlas Grotesk";
      font-size: 16px;
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.31;
      letter-spacing: normal;
      text-align: center;
      color: #1e2b46;
      margin-top: 9px; }
    .StoryShowInlineBox .InfoBox .StoryShowGalleryImage {
      margin-left: auto;
      margin-right: auto;
      margin-top: 34px;
      margin-bottom: 25px; }
      .StoryShowInlineBox .InfoBox .StoryShowGalleryImage img {
        margin-left: auto;
        margin-right: auto; }
    .StoryShowInlineBox .InfoBox figcaption {
      font-family: "Atlas Grotesk";
      font-size: 10px;
      font-weight: normal;
      font-style: italic;
      font-stretch: normal;
      line-height: 1.4;
      letter-spacing: normal;
      text-align: left;
      color: #8e8e8b;
      margin-top: 6px;
      -ms-hyphens: none;
      -webkit-hyphens: none;
      -moz-hyphens: none; }
    .StoryShowInlineBox .InfoBox .image-credit {
      font-family: "Atlas Grotesk";
      font-size: 10px;
      font-weight: normal;
      font-style: italic;
      font-stretch: normal;
      line-height: 1.4;
      letter-spacing: normal;
      text-align: left;
      color: #8e8e8b;
      -ms-hyphens: none;
      -webkit-hyphens: none;
      -moz-hyphens: none;
      display: inline-block; }
    @media screen and (max-width: 992px) {
      .StoryShowInlineBox .InfoBox {
        max-width: 644px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.43; }
        .StoryShowInlineBox .InfoBox span.headLine {
          /*margin-bottom: 0px;*/ }
        .StoryShowInlineBox .InfoBox h3 {
          font-size: 18px;
          line-height: 1.22; } }
  .StoryShowInlineBox.InlineTeaser {
    padding-top: 16px;
    padding-bottom: 1px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f9f9f5; }
    .StoryShowInlineBox.InlineTeaser .StoryPreviewModule header {
      float: none;
      max-width: 644px; }
    .StoryShowInlineBox.InlineTeaser .StoryPreviewModule span.headLine {
      text-align: left;
      text-transform: none;
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #2b6fc4;
      margin-top: 0; }
    .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading,
    .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading-premium {
      text-align: left; }
      .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading h4,
      .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading-premium h4 {
        margin-top: 0;
        margin-bottom: 10px; }
      .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading a,
      .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading-premium a {
        font-family: "HarrisonSerifPro";
        color: #1e2b46;
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.1;
        letter-spacing: normal;
        text-align: left; }
      @media screen and (max-width: 768px) {
        .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading,
        .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading-premium {
          font-size: 18px;
          line-height: 1.22;
          margin-bottom: 0;
          margin-top: 4px; }
          .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading a,
          .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading-premium a {
            font-size: 18px;
            line-height: 1.22; } }
    @media screen and (max-width: 768px) {
      .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading-premium {
        font-size: 21px;
        line-height: 1.22;
        margin-bottom: 0;
        margin-top: 4px; }
        .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-heading-premium a {
          font-size: 21px;
          line-height: 1.22; } }
    .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-headline,
    .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-headline-premium {
      text-align: left;
      margin-top: 14px; }
    .StoryShowInlineBox.InlineTeaser .StoryPreviewModule .article-headline-premium {
      text-transform: none; }
  .StoryShowInlineBox .PictureGalleryShow {
    margin-top: 25px;
    margin-bottom: 25px; }
  .StoryShowInlineBox.InlineVideoBox {
    width: 50%;
    float: left;
    margin-right: 15px; }
    @media screen and (max-width: 480px) {
      .StoryShowInlineBox.InlineVideoBox {
        width: 100%;
        margin-right: 0px; } }
  .StoryShowInlineBox ul {
    padding-left: 0px;
    margin-left: 0px;
    list-style: none; }

@media screen and (max-width: 768px) {
  .InlinePictureGalleryBox {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; } }

@media screen and (max-width: 480px) {
  .InlinePictureGalleryBox {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px; } }

.StoryShowBox .StoryShowInlineBox LI {
  padding-left: 0px;
  background: none transparent scroll repeat 0% 0%; }

.StoryShowBaseTextBox .StoryShowInlineBox LI {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: solid 1px #ccc;
  list-style: none;
  /*padding-bottom: 0em;
    padding-left: 0em;
    padding-right: 0.6em;
    display: inline;
    padding-top: 0.2em;*/ }

.StoryShowBaseTextBox .StoryShowInlineBox H3 {
  /*margin-bottom: 0.33em;*/
  max-width: 644px;
  margin-left: auto;
  margin-right: auto; }

.StoryShowBaseTextBox .StoryShowInlineBox A {
  /*display: inline;
    color: #369;
    font-weight: bold;*/ }

.PictureGalleryShow {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #f5f5ef; }
  .PictureGalleryShow .PictureGalleryShowJavascriptModule header,
  .PictureGalleryShow .PictureGalleryShowJavascriptModule .PictureGalleryImage .swiper-container {
    max-width: 810px;
    margin-left: auto;
    margin-right: auto; }

/*for Social Networks WebStory Inline Module*/
.StoryShowSocialnetworks UL LI {
  display: inline;
  margin-right: 0.3125em;
  vertical-align: baseline;
  padding-left: 0px;
  background: none; }

/* some predefined tbs */
.StoryShowShare .icon-whatsapp:before {
  content: "\e67e";
  vertical-align: middle;
  color: white;
  background-color: #25d366;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 5px solid #25d366; }

/* sharing content for other social media */
#ShareContent {
  display: inline-block;
  width: 48px;
  height: 18px;
  position: relative;
  color: #1e2b46;
  border: 1px solid;
  margin-top: 5px;
  background: url(/Layout/News/share-icon.png) no-repeat;
  padding-right: 3px;
  line-height: 1.5em;
  text-align: right; }

#ShareContentPopup {
  display: none;
  background: #fff;
  position: absolute;
  font-weight: 700;
  font-size: 0.9em;
  border: 1px solid #1e2b46;
  width: 178px;
  left: 0px;
  top: 0px;
  margin-top: -1px;
  margin-left: 52px;
  padding: 10px;
  z-index: 2000; }

#ShareContentPopup table {
  text-align: left; }

#ShareContent:hover #ShareContentPopup {
  display: block; }

@media screen and (max-width: 480px) {
  .StoryShowInteraction {
    text-align: left; } }

/* StoryTelling StoryShowLayout */
article .StoryTelling section {
  margin-bottom: 50px; }
  article .StoryTelling section .StoryShowGalleryBox {
    margin-top: 15px;
    margin-bottom: 30px; }
    article .StoryTelling section .StoryShowGalleryBox.half {
      width: 48.93%;
      margin-left: auto;
      margin-right: auto;
      float: left; }
    article .StoryTelling section .StoryShowGalleryBox.col3 {
      width: 31.9%;
      margin-left: auto;
      margin-right: auto;
      float: left; }
    article .StoryTelling section .StoryShowGalleryBox.half + .half, article .StoryTelling section .StoryShowGalleryBox.col3 + .col3 {
      margin-left: 2.14%; }
  article .StoryTelling section img {
    min-width: 100%; }
  article .StoryTelling section p {
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
    article .StoryTelling section p strong {
      font-family: "Source Sans Pro", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      font-size: 5.5em;
      display: block;
      float: left;
      margin-top: 37px;
      margin-bottom: 6px;
      margin-left: -8px;
      margin-right: 13px; }

article.article-style-1 .StoryTelling {
  font-family: "Droid Serif", serif;
  font-size: 18px;
  line-height: 30px; }
  article.article-style-1 .StoryTelling header {
    padding: 0.5em;
    text-align: center;
    color: #ffba00;
    background-color: #666; }
  article.article-style-1 .StoryTelling section {
    margin-bottom: 50px; }
    article.article-style-1 .StoryTelling section p {
      font-size: 1.2em;
      line-height: 1.2; }
      article.article-style-1 .StoryTelling section p strong {
        color: #ffba00;
        font-family: "Source Sans Pro", Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        font-size: 5.5em;
        display: block;
        float: left;
        margin-top: 37px;
        margin-bottom: 6px;
        margin-left: -8px;
        margin-right: 13px; }
      article.article-style-1 .StoryTelling section p span.Zitat {
        font-size: 1.66em;
        line-height: 1.4em;
        position: relative;
        padding-left: 12%;
        margin-top: 40px;
        margin-bottom: 40px;
        display: inline-block; }
        @media screen and (max-width: 768px) {
          article.article-style-1 .StoryTelling section p span.Zitat {
            padding-left: 0px; } }
      article.article-style-1 .StoryTelling section p span.Zitat::before {
        color: #ffba00;
        content: "„";
        font-family: "Source Sans Pro", Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        font-size: 150px;
        position: absolute;
        left: 0;
        bottom: 2px;
        margin-bottom: 35px; }
        @media screen and (max-width: 768px) {
          article.article-style-1 .StoryTelling section p span.Zitat::before {
            margin-bottom: 0px;
            font-weight: 300; } }
    article.article-style-1 .StoryTelling section.full {
      background-color: #ffba00; }
      article.article-style-1 .StoryTelling section.full figcaption {
        position: absolute;
        bottom: 30px;
        font-family: "Source Sans Pro", Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        font-size: 4em;
        color: #fff;
        line-height: 1.5;
        text-align: center; }
        @media screen and (max-width: 1024px) {
          article.article-style-1 .StoryTelling section.full figcaption {
            font-size: 2.5em; } }
        @media screen and (max-width: 768px) {
          article.article-style-1 .StoryTelling section.full figcaption {
            position: relative;
            font-weight: 300;
            font-size: 1.2em;
            color: white;
            line-height: 1.5;
            bottom: 0px;
            padding: 0.5em; } }
    article.article-style-1 .StoryTelling section.teaser p {
      font-size: 1.66em;
      line-height: 1.4em; }

article.article-style-2 .StoryTelling header {
  padding: 0.5em;
  text-align: center;
  color: #009ee0;
  background-color: white; }

article.article-style-2 .StoryTelling section {
  margin-bottom: 50px; }
  article.article-style-2 .StoryTelling section p {
    font-size: 1.2em;
    line-height: 1.2; }
    article.article-style-2 .StoryTelling section p strong {
      color: #009ee0;
      font-family: "Source Sans Pro", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      font-size: 5.5em;
      display: block;
      float: left;
      margin-top: 37px;
      margin-bottom: 6px;
      margin-left: -8px;
      margin-right: 13px; }
    article.article-style-2 .StoryTelling section p span.Zitat {
      font-size: 1.66em;
      line-height: 1.4em;
      position: relative;
      padding-left: 12%;
      margin-top: 40px;
      margin-bottom: 40px;
      display: inline-block; }
      @media screen and (max-width: 768px) {
        article.article-style-2 .StoryTelling section p span.Zitat {
          padding-left: 0px; } }
    article.article-style-2 .StoryTelling section p span.Zitat::before {
      color: #009ee0;
      content: "„";
      font-family: "Source Sans Pro", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      font-size: 150px;
      position: absolute;
      left: 0;
      bottom: 2px;
      margin-bottom: 35px; }
      @media screen and (max-width: 768px) {
        article.article-style-2 .StoryTelling section p span.Zitat::before {
          margin-bottom: 0px;
          font-weight: 300; } }
  article.article-style-2 .StoryTelling section.full {
    background-color: #009ee0; }
    article.article-style-2 .StoryTelling section.full figcaption {
      position: absolute;
      bottom: 30px;
      font-family: "Source Sans Pro", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      font-size: 4em;
      color: #fff;
      line-height: 1.5;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        article.article-style-2 .StoryTelling section.full figcaption {
          font-size: 2.5em; } }
      @media screen and (max-width: 768px) {
        article.article-style-2 .StoryTelling section.full figcaption {
          position: relative;
          font-weight: 300;
          font-size: 1.2em;
          color: white;
          line-height: 1.5;
          bottom: 0px;
          padding: 0.5em; } }
  article.article-style-2 .StoryTelling section.teaser p {
    font-size: 1.66em;
    line-height: 1.4em; }

article a.BoxAnchor {
  display: block;
  position: relative;
  top: -5vh;
  visibility: hidden; }

/************************************************************************************************/
.WebStoryTellingShow {
  /*font-family: "Segoe UI", Helvetica, Arial, sans-serif; */
  font-size: 1.3em;
  /*BackgroundColor Colum*/
  /**********************************************************************************************/
  /*Title-Layout*/
  /* titleteaseroverlaypicture */
  /* titleteaseroverlayvideo */
  /*titleteaserunderpicture*/
  /*titleteaserundervideo*/
  /**********************************************************************************************/
  /*articlemeta*/
  /**********************************************************************************************/
  /*initial-letter*/
  /**********************************************************************************************/
  /*image*/
  /*Image with BU under Picture*/
  /*******************************************************/
  /* Layout: Text im Bild (TextInside) */
  /*******************************************************/
  /*BU in Picture as background-image */
  /* Parallax effect*/
  /*layout picute-caption under picture*/
  /*Bugfix IE / InternetExplorer for Parallax position:fixed and webkit-transform*/
  /**********************************************************************************************/
  /*Layout titleteaseroverlayvideo with text in Video */
  /**********************************************************************************************/
  /*subheading*/
  /**********************************************************************************************/
  /*quote*/
  /**********************************************************************************************/
  /*separator*/
  /*XPos Elements*/
  /*Handling XPos-Element with larger size than ParentElement*/
  /**********************************************************************************************/
  /*ImTitle in Text*/
  /**********************************************************************************************/
  /*textlist*/ }
  .WebStoryTellingShow .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .WebStoryTellingShow .size-full {
    min-height: 50px; }
  .WebStoryTellingShow .size-page {
    min-height: 50px; }
  .WebStoryTellingShow .size-article {
    min-height: 50px; }
  .WebStoryTellingShow .size-articlecontent {
    min-height: 50px; }
  .WebStoryTellingShow .bkgc-white {
    background-color: white; }
  .WebStoryTellingShow .bkgc-lightgray {
    background-color: lightgray; }
  .WebStoryTellingShow .bkgc-gray {
    background-color: gray; }
  .WebStoryTellingShow .bkgc-darkgray {
    background-color: darkgray; }
  .WebStoryTellingShow .bkgc-lightblue {
    background-color: lightblue; }
  .WebStoryTellingShow .bkgc-blue {
    background-color: blue; }
  .WebStoryTellingShow .bkgc-darkblue {
    background-color: darkblue; }
  .WebStoryTellingShow .heading {
    color: #999; }
  .WebStoryTellingShow .titleteaseroverlaypicture.TextInside .TextContainer,
  .WebStoryTellingShow .titleteaseroverlayvideo.TextInside .TextContainer {
    background: none;
    bottom: 10%; }
  .WebStoryTellingShow .titleteaseroverlaypicture.backgroundimage {
    min-height: 50vh;
    max-height: 80vh; }
    .WebStoryTellingShow .titleteaseroverlaypicture.backgroundimage .picturecaption {
      background: none;
      bottom: 10%; }
  @media (max-width: 768px) {
    .WebStoryTellingShow .titleteaserunderpicture h1,
    .WebStoryTellingShow .titleteaserundervideo h1 {
      font-size: 24px; }
    .WebStoryTellingShow .titleteaserunderpicture h3,
    .WebStoryTellingShow .titleteaserundervideo h3 {
      font-size: 20px; } }
  .WebStoryTellingShow .articlemeta {
    font-weight: lighter;
    font-style: italic;
    font-size: 1em;
    color: #999;
    /*SocialSahre*/ }
    .WebStoryTellingShow .articlemeta .StoryShowShare img {
      vertical-align: baseline; }
    .WebStoryTellingShow .articlemeta a.printLink svg path, .WebStoryTellingShow .articlemeta a.printLink svg rect, .WebStoryTellingShow .articlemeta a.AddToWatchListLink svg path, .WebStoryTellingShow .articlemeta a.AddToWatchListLink svg rect, .WebStoryTellingShow .articlemeta a.commentLink svg path, .WebStoryTellingShow .articlemeta a.commentLink svg rect {
      fill: #336799; }
    .WebStoryTellingShow .articlemeta A.commentLink {
      position: relative;
      display: inline-block; }
    .WebStoryTellingShow .articlemeta A.commentLink span {
      color: #336799;
      position: absolute;
      top: 3px;
      left: 12px; }
    .WebStoryTellingShow .articlemeta .StoryShowInteraction svg {
      vertical-align: middle; }
    .WebStoryTellingShow .articlemeta .StoryShowInteraction a.ShoppingCartLink {
      color: #fff;
      padding-left: 8px;
      padding-right: 8px;
      border-radius: 5px;
      font-size: 18px; }
  .WebStoryTellingShow .initial > p:first-of-type:first-letter {
    color: #005d80;
    float: left;
    font-family: Georgia;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px; }
  .WebStoryTellingShow .StoryShowGalleryImage img {
    width: 100%; }
  .WebStoryTellingShow .StoryShowGalleryImage figcaption {
    margin-top: 0px;
    font-size: 0.8em;
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px; }
  .WebStoryTellingShow .StoryShowGalleryImage .image-credit {
    float: right;
    padding-right: 0px;
    font-size: small;
    background-color: white;
    color: #555555; }
  .WebStoryTellingShow .TextInside {
    position: relative;
    overflow: hidden; }
    .WebStoryTellingShow .TextInside header .article-update {
      display: none; }
    .WebStoryTellingShow .TextInside figure {
      z-index: 1;
      margin-bottom: 0px; }
    .WebStoryTellingShow .TextInside .TextBackground {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .WebStoryTellingShow .TextInside .TextContainer {
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding-left: 0.5em;
      padding-right: 0.5em;
      color: #fff; }
      .WebStoryTellingShow .TextInside .TextContainer a,
      .WebStoryTellingShow .TextInside .TextContainer h3 {
        color: #fff; }
      .WebStoryTellingShow .TextInside .TextContainer h2 {
        margin-bottom: 0px;
        font-size: 1.0rem; }
      .WebStoryTellingShow .TextInside .TextContainer a:hover {
        text-decoration: underline; }
      .WebStoryTellingShow .TextInside .TextContainer .image-credit {
        float: right;
        padding-right: 5px;
        font-size: small;
        color: white; }
    .WebStoryTellingShow .TextInside .TextContainer.NoBackground {
      background-color: inherit; }
    .WebStoryTellingShow .TextInside .TextContainer-Middle {
      position: absolute;
      top: 50%;
      -webkit-transform: perspective(1px) translateY(-50%);
              transform: perspective(1px) translateY(-50%);
      left: 0;
      width: 100%;
      padding-left: 0.5em;
      padding-right: 0.5em;
      color: #fff;
      font-size: 1.7em; }
      .WebStoryTellingShow .TextInside .TextContainer-Middle a:hover {
        text-decoration: underline; }
      .WebStoryTellingShow .TextInside .TextContainer-Middle .image-credit {
        float: right;
        padding-right: 5px;
        font-size: small;
        color: white; }
  .WebStoryTellingShow .backgroundimage {
    background: no-repeat center center;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
    width: 100%;
    padding-top: 40%;
    padding-bottom: 10%;
    color: white; }
    .WebStoryTellingShow .backgroundimage .picturecaption {
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      position: absolute;
      bottom: 0%;
      left: 0;
      width: 100%;
      padding-left: 5px;
      padding-right: 5px; }
      .WebStoryTellingShow .backgroundimage .picturecaption .image-credit {
        float: right;
        padding-right: 5px;
        font-size: small;
        color: white; }
  .WebStoryTellingShow .parallax-vh-container {
    position: relative;
    display: block;
    width: 100%;
    height: 70vh;
    color: white;
    /*layout Title*/
    /* layout picturecaption bottom-picture*/
    /*layout picture-caption middle*/ }
    .WebStoryTellingShow .parallax-vh-container .parallax-vh-container-mask {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      clip: rect(0, auto, auto, 0); }
    .WebStoryTellingShow .parallax-vh-container .background-image {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-repeat: no-repeat; }
    .WebStoryTellingShow .parallax-vh-container .background-image-parallax {
      position: fixed;
      background-attachment: initial;
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      /* Fix for Background image jumps when address bar hides iOS/Android/Mobile Chrome */
      /* https://stackoverflow.com/questions/24944925/background-image-jumps-when-address-bar-hides-ios-android-mobile-chrome */ }
      @media (max-device-aspect-ratio: 3 / 4) {
        .WebStoryTellingShow .parallax-vh-container .background-image-parallax {
          height: -webkit-calc(100vw * 1.333 - 9%);
          height: calc(100vw * 1.333 - 9%); } }
      @media (max-device-aspect-ratio: 2 / 3) {
        .WebStoryTellingShow .parallax-vh-container .background-image-parallax {
          height: -webkit-calc(100vw * 1.5 - 9%);
          height: calc(100vw * 1.5 - 9%); } }
      @media (max-device-aspect-ratio: 10 / 16) {
        .WebStoryTellingShow .parallax-vh-container .background-image-parallax {
          height: -webkit-calc(100vw * 1.6 - 9%);
          height: calc(100vw * 1.6 - 9%); } }
      @media (max-device-aspect-ratio: 9 / 16) {
        .WebStoryTellingShow .parallax-vh-container .background-image-parallax {
          height: -webkit-calc(100vw * 1.778 - 9%);
          height: calc(100vw * 1.778 - 9%); } }
    .WebStoryTellingShow .parallax-vh-container .parallax-vh-container-content {
      display: table;
      width: 100%;
      height: 100%; }
    .WebStoryTellingShow .parallax-vh-container .vh-module-titleteaser {
      display: table-cell;
      position: relative;
      vertical-align: bottom;
      padding-bottom: 80px; }
    .WebStoryTellingShow .parallax-vh-container .parallax-vh-container-picturecaption-bottom {
      display: table;
      position: absolute;
      bottom: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
    .WebStoryTellingShow .parallax-vh-container .vh-module-picturecaption-bottom {
      display: table-cell;
      position: relative;
      vertical-align: bottom; }
      .WebStoryTellingShow .parallax-vh-container .vh-module-picturecaption-bottom .image-credit {
        float: right;
        padding-right: 5px;
        font-size: small;
        color: white; }
    .WebStoryTellingShow .parallax-vh-container .parallax-vh-container-picturecaption-middle {
      display: table;
      position: absolute;
      top: 50%;
      -webkit-transform: perspective(1px) translateY(-50%);
              transform: perspective(1px) translateY(-50%);
      width: 100%;
      padding-left: 0.5em;
      padding-right: 0.5em;
      color: #fff;
      font-size: 1.7em; }
    .WebStoryTellingShow .parallax-vh-container .parallax-vh-container-picturecaption-bottom.NoBackground {
      background-color: inherit; }
  .WebStoryTellingShow .parallax-vh-container + .picturecaption-underpicure .image-credit {
    float: right;
    padding-right: 5px;
    font-size: small; }
  .WebStoryTellingShow .is-ie.parallax-vh-container .background-image-parallax {
    background-attachment: fixed;
    background-position: center center;
    -webkit-transform: none; }
  .WebStoryTellingShow .titleteaseroverlayvideo.TextInside .TextBackground {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 100%;
    height: 50%; }
  .WebStoryTellingShow .subheading {
    color: #999;
    margin-top: 1.0em;
    margin-bottom: 1.0em; }
  .WebStoryTellingShow blockquote {
    font-size: 1.4em;
    font-style: italic;
    font-family: Proforma,Georgia,serif;
    color: #005d80; }
  .WebStoryTellingShow hr.separator {
    border: none; }
  .WebStoryTellingShow hr.separator.line {
    height: 2px;
    width: 30px; }
  .WebStoryTellingShow hr.separator.linetextwidth {
    height: 2px; }
  .WebStoryTellingShow hr.separator.area {
    height: 30px; }
  @media (max-width: 768px) {
    .WebStoryTellingShow .no-padding-left {
      padding-left: 0;
      padding-right: 0; }
    .WebStoryTellingShow .no-padding-right {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 992px) {
    .WebStoryTellingShow {
      /*ParentElement with Size page*/
      /*ParentElement with Size article*/
      /*ParentElement with Size articlecontent*/ }
      .WebStoryTellingShow .size-page {
        /*XPos Element Size Full*/ }
        .WebStoryTellingShow .size-page .onset-left-full {
          margin-left: -11%;
          width: 61%; }
        .WebStoryTellingShow .size-page .onset-right-full {
          margin-right: -11%;
          width: 61%; }
        .WebStoryTellingShow .size-page .onset-full {
          margin-left: -11.2%;
          width: 122.33%; }
      .WebStoryTellingShow .size-article {
        /*XPos Element Size Page*/
        /*XPos Element Size Full*/ }
        .WebStoryTellingShow .size-article .onset-left-page {
          margin-left: -12.5%;
          width: 62.5%; }
        .WebStoryTellingShow .size-article .onset-right-page {
          margin-right: -12.5%;
          width: 62.5%; }
        .WebStoryTellingShow .size-article .onset-page {
          margin-left: -12.8%;
          width: 125.6%; }
        .WebStoryTellingShow .size-article .onset-left-full {
          margin-left: -26.85%;
          width: 76.8%; }
        .WebStoryTellingShow .size-article .onset-right-full {
          margin-right: -26.85%;
          width: 76.8%; }
        .WebStoryTellingShow .size-article .onset-full {
          margin-left: -26.85%;
          width: 153.7%; }
      .WebStoryTellingShow .size-articlecontent {
        /*XPos Element Size Article*/
        /*XPos Element Size Page*/
        /*XPos Element Size Full */ }
        .WebStoryTellingShow .size-articlecontent .onset-left-article {
          margin-left: -17.3%;
          width: 67.2%; }
        .WebStoryTellingShow .size-articlecontent .onset-right-article {
          margin-right: -17.3%;
          width: 67.2%; }
        .WebStoryTellingShow .size-articlecontent .onset-article {
          margin-left: -17.3%;
          margin-right: -17.3%;
          width: 134.4%; }
        .WebStoryTellingShow .size-articlecontent .onset-left-page {
          margin-left: -34.5%;
          width: 84.42%; }
        .WebStoryTellingShow .size-articlecontent .onset-right-page {
          margin-right: -34.5%;
          width: 84.42%; }
        .WebStoryTellingShow .size-articlecontent .onset-page {
          width: 168.4%;
          margin-left: -34.2%; }
        .WebStoryTellingShow .size-articlecontent .onset-left-full {
          margin-left: -51.55%;
          width: 101.63%; }
        .WebStoryTellingShow .size-articlecontent .onset-right-full {
          margin-right: -51.55%;
          width: 101.63%; }
        .WebStoryTellingShow .size-articlecontent .onset-full {
          width: 203.25%;
          margin-left: -51.5%; } }
  .WebStoryTellingShow .pull-left .PictureGalleryImage.row,
  .WebStoryTellingShow .pull-right .PictureGalleryImage.row {
    margin-left: 0;
    margin-right: 0; }
  .WebStoryTellingShow h4.ImTitle {
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD; }
  .WebStoryTellingShow .InlineTextListBox {
    font-size: 0.8em; }
  .WebStoryTellingShow .SurveyModule img {
    min-width: inherit; }
  .WebStoryTellingShow .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label .SurveyChoiceItemContent .SurveyChoiceItemImage {
    min-width: 0; }

/*Backgroundcolor StoryTelling*/
.WebStoryTellingShow.bkgc-white {
  background-color: white; }

.WebStoryTellingShow.bkgc-lightgray {
  background-color: lightgray; }

.WebStoryTellingShow.bkgc-gray {
  background-color: gray; }

.WebStoryTellingShow.bkgc-darkgray {
  background-color: darkgray; }

.WebStoryTellingShow.bkgc-lightblue {
  background-color: lightblue; }

.WebStoryTellingShow.bkgc-blue {
  background-color: blue; }

.WebStoryTellingShow.bkgc-darkblue {
  background-color: darkblue; }
 /* for Survey-Module */
/* PMODIF JST 2018-06-06 changed css layout */
.SurveyModule .headLine {
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.15;
  letter-spacing: 2px;
  text-align: center;
  color: #1e2b46; }

.SurveyModule H2 {
  font-family: "HarrisonSerifPro";
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.15;
  letter-spacing: normal;
  text-align: center;
  color: #1e2b46;
  margin-bottom: 20px; }

.SurveyModule .SurveyDescription {
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46; }

.SurveyModule .SurveyVote {
  margin-top: 10px;
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46; }
  .SurveyModule .SurveyVote .SurveyChoiceItemsContainer {
    margin-left: auto;
    margin-right: auto;
    max-width: 478px; }
    .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem {
      display: block; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label {
        width: 100%;
        display: table; }
        .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label i.rn-ico {
          display: table-cell;
          font-size: 20px;
          width: 30px; }
        .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label input {
          display: none; }
        .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label .SurveyChoiceItemContent {
          display: table-cell;
          vertical-align: top; }
          .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label .SurveyChoiceItemContent .SurveyChoiceItemText {
            display: block; }
          .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label .SurveyChoiceItemContent .SurveyChoiceItemImage {
            min-width: 100%; }
          .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label .SurveyChoiceItemContent .SurveyChoiceItemPicCaption {
            display: block; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.SurveyTypePicture input {
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextBottom .SurveyChoiceItemContent .SurveyChoiceItemText {
        display: block; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextBottom .SurveyChoiceItemContent .SurveyChoiceItemImage {
        min-width: 100%; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextBottom .SurveyChoiceItemContent .SurveyChoiceItemPicCaption {
        display: block; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextRight .SurveyChoiceItemContent {
        position: relative; }
        .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextRight .SurveyChoiceItemContent .SurveyChoiceItemImage {
          min-width: unset;
          float: left;
          width: 25%; }
        .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextRight .SurveyChoiceItemContent .SurveyChoiceItemText, .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextRight .SurveyChoiceItemContent .SurveyChoiceItemPicCaption {
          display: block;
          float: right;
          width: 75%;
          padding-left: 5px; }

.SurveyModule .SurveyResult {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 478px; }

.SurveyModule .SurveyButtonWrapper {
  display: inline;
  padding-top: 5px; }
  .SurveyModule .SurveyButtonWrapper #m_btnVote {
    border: 1px solid #00ca88;
    background-color: #fff; }
    .SurveyModule .SurveyButtonWrapper #m_btnVote:hover {
      border: solid 1px #0e9651;
      background-color: #fff; }
  .SurveyModule .SurveyButtonWrapper #m_btnResult {
    border: 1px solid #dedfd5;
    background-color: #fff; }
    .SurveyModule .SurveyButtonWrapper #m_btnResult:hover {
      border: solid 1px #1e2b46;
      background-color: #fff; }
  .SurveyModule .SurveyButtonWrapper .SurveyButton {
    margin-top: 10px;
    width: 100%;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center;
    color: #1e2b46;
    text-transform: uppercase;
    height: 40px; }

.SurveyModule .SurveyTotalVotes {
  /*margin: 1em 0px 0px;
		float: right;*/
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #8e8e8b; }

.SurveyModule .SurveyBarWrapper {
  /*width: 7.33em;*/
  width: 100%;
  float: left; }
  .SurveyModule .SurveyBarWrapper span {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #1e2b46; }

.SurveyModule .SurveyBarLabel {
  /*width: 13em;*/
  margin-bottom: 0.66em;
  float: left;
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46; }

.SurveyModule .SurveyBar {
  border-bottom: #ccc 1px solid;
  border-left: #ccc 1px solid;
  padding-bottom: 0px;
  line-height: 0.3em;
  margin: 0.25em 0.5em 0px 0px;
  padding-left: 0px;
  /*width: 3.33em;*/
  width: 80%;
  padding-right: 0px;
  float: left;
  /*height: 0.5em; */
  height: 100%;
  border-top: #ccc 1px solid;
  border-right: #ccc 1px solid;
  padding-top: 0px; }
  .SurveyModule .SurveyBar img {
    height: 10px; }
  .SurveyModule .SurveyBar div {
    padding-bottom: 0px;
    line-height: 0.1em;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: #369;
    height: 0.5em;
    padding-top: 0px; }
 /* -- For TagCloud Module --*/
.TagCloudModule {
  line-height: 1.8em !important;
  text-align: justify; }
  .TagCloudModule ul, .TagCloudModule ol {
    margin: 0.5em 0 0;
    padding: 0;
    list-style-type: square; }
  .TagCloudModule li {
    display: inline;
    margin-right: 0.3125em;
    vertical-align: baseline;
    float: left; }
    .TagCloudModule li a:active, .TagCloudModule li a:link, .TagCloudModule li a:visited {
      text-decoration: none; }
    .TagCloudModule li a:hover, .TagCloudModule li a:focus {
      text-decoration: underline; }
  .TagCloudModule .tagCloud_6 {
    color: #999;
    font-size: 0.83em; }
  .TagCloudModule .tagCloud_5 {
    color: #666;
    font-size: 1.08em;
    font-weight: bold; }
  .TagCloudModule .tagCloud_4 {
    color: #999;
    font-size: 1.16em;
    font-weight: bold; }
  .TagCloudModule .tagCloud_3 {
    color: #666;
    font-size: 1.16em; }
  .TagCloudModule .tagCloud_2 {
    font-size: 1.3em; }
  .TagCloudModule .tagCloud_1 {
    font-size: 1.5em;
    font-weight: bold; }
 /* css definitions for TagTheme wcms pages */
/*************************************************************************************************/
/* Wcms/News/TagThemeNav.aspx */
/*************************************************************************************************/
/*************************************************************************************************/
/* TagThemeShowModule */
/*************************************************************************************************/
.TagThemeShowModule a.TagThemeShowLink {
  display: inline-block;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-bottom: 25px; }

/*************************************************************************************************/
/* Wcms/News/TagThemeShow.aspx */
/*************************************************************************************************/
.WcmsPage.TagThemeShow {
  /*PMODIF JST 2018-06-04 add css*/ }
  .WcmsPage.TagThemeShow .WcmsModule:nth-of-type(1) {
    padding-top: 0; }
  .WcmsPage.TagThemeShow .TagThemeCenteredShowPage {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto; }
  .WcmsPage.TagThemeShow h1 span {
    font-weight: 700;
    display: inline-block; }
  .WcmsPage.TagThemeShow .TagThemeShowModule {
    background-color: #fff;
    padding-bottom: 50px; }
  .WcmsPage.TagThemeShow .TagThemeShowModule a.TagThemeShowLink {
    display: none; }
  .WcmsPage.TagThemeShow .TagThemeHeaderBox {
    background-color: #fff;
    padding-top: 58px;
    margin-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px; }
  .WcmsPage.TagThemeShow .TagThemeShowHeader {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 10px solid #dedfd5;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .WcmsPage.TagThemeShow .TagThemeShowHeader {
        width: 95%; } }
    .WcmsPage.TagThemeShow .TagThemeShowHeader h1 {
      font-family: "HarrisonSerifPro";
      font-size: 35px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.14;
      letter-spacing: normal;
      text-align: left;
      color: #1e2b46;
      margin-bottom: 20px;
      margin-top: 0; }
      @media screen and (max-width: 768px) {
        .WcmsPage.TagThemeShow .TagThemeShowHeader h1 {
          font-size: 23px;
          line-height: 1.13; } }
 /*************************************************************************************************/
/* Wcms/News/TagThemeList.aspx */
/*************************************************************************************************/
.TagThemeList ul {
  /*list-style:none;*/
  padding-left: 15px; }
  .TagThemeList ul li {
    position: relative; }
    .TagThemeList ul li a.canceled {
      color: red; }
    .TagThemeList ul li a.too-less-nb-docs {
      color: orange; }
    .TagThemeList ul li a.EditTagThemeLink {
      display: none;
      position: absolute;
      top: 0px;
      left: -24px; }
    .TagThemeList ul li:hover a.EditTagThemeLink {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(/Layout/Admin/doc_write_24_hover.png); }
      .TagThemeList ul li:hover a.EditTagThemeLink.Cancel {
        background-image: url(/Layout/Admin/remove_24_hover.png); }
      .TagThemeList ul li:hover a.EditTagThemeLink.Publish {
        display: block;
        background-image: url(/Layout/Admin/add_24_hover.png); }
 /*for TagThemeNavigatorModule*/
.TagThemeNavigatorModule {
  background-color: #fff; }
  .TagThemeNavigatorModule .TagThemeNavigatorTab {
    background-color: #FFFFFF; }
    .TagThemeNavigatorModule .TagThemeNavigatorTab a {
      padding-left: 10px;
      line-height: 1.5em;
      color: #cccccc;
      font-weight: 500;
      font-size: medium;
      display: inline-block; }
      .TagThemeNavigatorModule .TagThemeNavigatorTab a.Active {
        font-weight: 800;
        color: #1e2b46; }
  .TagThemeNavigatorModule .TagThemeNavigatorHeadPanel {
    border-bottom: 3px solid #1e2b46;
    margin-top: 10px;
    margin-bottom: 10px; }
  .TagThemeNavigatorModule .TagThemeNavigatorHeaderTab {
    font-weight: 500;
    font-size: 1.0em;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    display: inline-block; }
    .TagThemeNavigatorModule .TagThemeNavigatorHeaderTab.Active {
      padding-top: 20px;
      color: #FFFFFF;
      background-color: #1e2b46; }
      .TagThemeNavigatorModule .TagThemeNavigatorHeaderTab.Active a {
        color: #FFFFFF;
        background-color: #1e2b46; }
  .TagThemeNavigatorModule .TagThemeNavigatorContentHolder {
    height: 60px;
    display: block;
    margin-top: 5px;
    background-color: transparent; }
 /* for TextListModule */
.TextListModule .image.swiper-container .swiper-slide .row {
  /* needed for text region if to use fade effect */
  background-color: white; }

.TextListModule .outer-stripe-swiper-container {
  padding-left: 0px;
  padding-right: 0px; }

.TextListModule .stripe.swiper-container {
  width: 100%;
  padding-bottom: 30px; }
  .TextListModule .stripe.swiper-container .swiper-slide {
    width: auto;
    height: 100%; }
    .TextListModule .stripe.swiper-container .swiper-slide img {
      width: auto;
      height: 85px; }

.TextListModule .TextGalleryNavigation {
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc; }
  .TextListModule .TextGalleryNavigation .btn {
    margin-bottom: 5px; }

.TextListModule .banner {
  min-width: 100px;
  min-height: 300px;
  text-align: center; }
  .TextListModule .banner .WcmsAdHint {
    display: inline-block; }

.TextListModule .Pages {
  margin-right: 5px; }

.TextListModule .TextGallery {
  margin-bottom: 15px; }
 .TopStoryRotatorModule {
  position: relative;
  margin-bottom: 30px; }
  .TopStoryRotatorModule .TopStoryRotatorNavigation {
    display: block;
    border-bottom: 3px solid #009ee0;
    margin-top: 30px; }
  .TopStoryRotatorModule .TopStoryRotatorNavigationSpan {
    color: Black;
    cursor: default;
    font-weight: 500;
    font-size: 1.0em;
    padding: 20px 5px 3px 5px;
    height: 30px; }
    .TopStoryRotatorModule .TopStoryRotatorNavigationSpan.ActiveTab {
      color: #FFFFFF;
      background-color: #009ee0;
      cursor: pointer; }
  .TopStoryRotatorModule .TopStoryRotatorImage {
    margin-top: 10px; }
    .TopStoryRotatorModule .TopStoryRotatorImage span a img {
      width: 100%;
      margin-top: 10px; }
  .TopStoryRotatorModule .TopStoryRotatorHeading {
    font-weight: 700;
    font-size: 1.1em;
    text-align: left;
    display: block;
    width: 100%; }
    .TopStoryRotatorModule .TopStoryRotatorHeading span {
      display: block;
      color: #eeeeee;
      background-color: #009ee0;
      width: 100%;
      padding-left: 5px;
      padding-right: 5px;
      z-index: 2; }
 /*for UserContentModule */
.UserContentModule {
  font-family: "Atlas Grotesk";
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #1e2b46; }
  .UserContentModule .WcmsError {
    color: red;
    font-size: 13px; }
  .UserContentModule .select2-container .select2-choice {
    border: none;
    background: none; }
  .UserContentModule .select2-container .select2-choices {
    border: none !important;
    background: none !important; }
  .UserContentModule .select2-container .select2-arrow {
    border: none;
    background: none; }
  .UserContentModule .help-block {
    text-align: center;
    font-size: 11px; }
  .UserContentModule .UserContentPanel {
    background-color: white; }
    .UserContentModule .UserContentPanel .headLine {
      font-family: "HarrisonSerifPro";
      font-size: 35px;
      font-style: normal;
      font-stretch: normal;
      font-weight: normal;
      text-transform: none;
      line-height: 1.14;
      letter-spacing: normal;
      text-align: center;
      color: #1e2b46;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      display: block; }
    .UserContentModule .UserContentPanel .UserContentLabel {
      text-align: right;
      padding-top: 8px; }
    .UserContentModule .UserContentPanel .control-label {
      font-weight: normal;
      text-align: right; }
    .UserContentModule .UserContentPanel .LinkedDocContainer {
      margin-bottom: 10px; }
    .UserContentModule .UserContentPanel .LinkedDocContainer .Heading {
      font-weight: bold; }
  .UserContentModule .UserContentHintText {
    font-family: "Atlas Grotesk";
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #1e2b46; }
  .UserContentModule .UserContentSubmit {
    margin-top: 30px; }
    .UserContentModule .UserContentSubmit .btn {
      text-transform: uppercase;
      font-weight: bold; }
  .UserContentModule .btn {
    font-size: 12px;
    font-weight: bold; }
  .UserContentModule div.thumbnail.image div.absWrap.name {
    visibility: visible;
    display: block; }
  .UserContentModule div.thumbnail.image div.absWrap.removeItem.icon-trash {
    visibility: visible;
    display: block; }
 /*for VideoPreviewModule */
/*for VideoPreviewModule */
/*PMODIF JST 2018-06-04 changed Layout also for custswipergallerypreviewmodule*/
.CustSwiperGalleryPreviewHeader.headLine {
  margin-bottom: 20px;
  margin-top: 18px; }

.VideoPreviewModule,
.CustSwiperGalleryPreviewContent {
  /* class for one video document in the preview modul */ }
  .VideoPreviewModule .PremiumIcon,
  .CustSwiperGalleryPreviewContent .PremiumIcon {
    height: 14px; }
  .VideoPreviewModule svg.PremiumIcon,
  .CustSwiperGalleryPreviewContent svg.PremiumIcon {
    height: 14px;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -2px; }
    .VideoPreviewModule svg.PremiumIcon path, .VideoPreviewModule svg.PremiumIcon polygon,
    .CustSwiperGalleryPreviewContent svg.PremiumIcon path,
    .CustSwiperGalleryPreviewContent svg.PremiumIcon polygon {
      /*fill: #fff !important;*/ }
  .VideoPreviewModule .VideoPreviewDoc,
  .CustSwiperGalleryPreviewContent .VideoPreviewDoc {
    position: relative;
    margin-bottom: 5px;
    /* the heading tag */
    /* handling for LayoutDesign "LayerHeading" */
    /* handling for LayoutDesign "HeadingInside" */ }
    .VideoPreviewModule .VideoPreviewDoc a:hover,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc a:hover {
      text-decoration: none; }
      .VideoPreviewModule .VideoPreviewDoc a:hover .VideoPreviewHeadline,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc a:hover .VideoPreviewHeadline {
        text-decoration: none;
        color: #1e2b46; }
      .VideoPreviewModule .VideoPreviewDoc a:hover .Video-Premium .VideoPreviewHeadline,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc a:hover .Video-Premium .VideoPreviewHeadline {
        text-decoration: none;
        color: #1e2b46; }
      .VideoPreviewModule .VideoPreviewDoc a:hover .video-heading,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc a:hover .video-heading {
        text-decoration: none; }
    .VideoPreviewModule .VideoPreviewDoc span.video-heading,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc span.video-heading {
      font-family: "HarrisonSerifPro";
      font-size: 20px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.15;
      letter-spacing: normal;
      color: #1e2b46; }
      .VideoPreviewModule .VideoPreviewDoc span.video-heading :hover,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc span.video-heading :hover {
        color: #1e2b46;
        text-decoration: none; }
    .VideoPreviewModule .VideoPreviewDoc .Video-Premium span.video-heading,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc .Video-Premium span.video-heading {
      font-family: "HarrisonSerifPro";
      font-size: 27px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.15;
      letter-spacing: normal;
      color: #1e2b46; }
    .VideoPreviewModule .VideoPreviewDoc .imageContainer,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc .imageContainer {
      position: relative;
      width: 100%;
      height: auto;
      display: block;
      margin: auto;
      margin-bottom: 10px;
      max-height: 156px;
      overflow: hidden; }
    .VideoPreviewModule .VideoPreviewDoc img,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc img {
      width: 100%; }
    .VideoPreviewModule .VideoPreviewDoc .VideoPreviewHeadline,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc .VideoPreviewHeadline {
      font-family: "Atlas Grotesk";
      font-size: 10px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.4;
      letter-spacing: 1.3px;
      display: block;
      margin-bottom: 9px;
      margin-top: 17px;
      text-transform: uppercase; }
    .VideoPreviewModule .VideoPreviewDoc .preview-doc-icon,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc .preview-doc-icon {
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      width: 100%;
      height: 100%; }
      .VideoPreviewModule .VideoPreviewDoc .preview-doc-icon .glyph-wrapper,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc .preview-doc-icon .glyph-wrapper {
        position: absolute;
        top: 10px;
        left: 10px;
        min-width: 60px;
        height: 30px;
        /*transform:translate(-50%, -50%);*/
        color: #1e2b46;
        background-color: #c2def5;
        text-align: left;
        padding: 3px 0px 3px 5px; }
        .VideoPreviewModule .VideoPreviewDoc .preview-doc-icon .glyph-wrapper .rn-ico,
        .CustSwiperGalleryPreviewContent .VideoPreviewDoc .preview-doc-icon .glyph-wrapper .rn-ico {
          font-size: 16px;
          font-weight: bold;
          vertical-align: middle; }
        .VideoPreviewModule .VideoPreviewDoc .preview-doc-icon .glyph-wrapper .VideoDuration,
        .CustSwiperGalleryPreviewContent .VideoPreviewDoc .preview-doc-icon .glyph-wrapper .VideoDuration {
          font-family: "Atlas Grotesk";
          font-size: 10px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #1e2b46;
          padding-right: 5px; }
    .VideoPreviewModule .VideoPreviewDoc .video-description,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc .video-description {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #1e2b46;
      margin-top: 10px; }
    .VideoPreviewModule .VideoPreviewDoc .video-meta,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc .video-meta {
      margin-top: 10px;
      font-family: "Atlas Grotesk";
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.25;
      letter-spacing: normal;
      color: #8e8e8b; }
      .VideoPreviewModule .VideoPreviewDoc .video-meta .video-section,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc .video-meta .video-section {
        font-weight: bold;
        color: #1e2b46; }
    .VideoPreviewModule .VideoPreviewDoc.VideoPreviewRow,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoPreviewRow {
      border-top: 1px solid #dedfd5;
      padding-top: 30px;
      margin-top: 30px; }
      .VideoPreviewModule .VideoPreviewDoc.VideoPreviewRow .VideoPreviewHeadline,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoPreviewRow .VideoPreviewHeadline {
        margin-top: 0;
        color: #009ee0; }
      .VideoPreviewModule .VideoPreviewDoc.VideoPreviewRow .Video-Premium .VideoPreviewHeadline,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoPreviewRow .Video-Premium .VideoPreviewHeadline {
        color: #1e2b46; }
    .VideoPreviewModule .VideoPreviewDoc.VideoLayer,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoLayer {
      position: relative;
      color: #FFF;
      background-color: #1e2b46; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer img,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoLayer img {
        display: block; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer .imageContainer,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoLayer .imageContainer {
        margin-bottom: 0px; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer div.heading-layer,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoLayer div.heading-layer {
        position: absolute;
        bottom: 0px;
        width: 100%;
        margin-bottom: 0px;
        padding: 5px;
        text-align: center; }
        .VideoPreviewModule .VideoPreviewDoc.VideoLayer div.heading-layer span,
        .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoLayer div.heading-layer span {
          display: none;
          color: #FFF; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer :hover div.heading-layer span,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoLayer :hover div.heading-layer span {
        display: block;
        color: #FFF; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer :hover img,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoLayer :hover img {
        visibility: hidden; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer img.preview-doc-icon,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoLayer img.preview-doc-icon {
        bottom: 3px; }
    .VideoPreviewModule .VideoPreviewDoc.VideoHeadingInside,
    .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoHeadingInside {
      position: relative;
      overflow: hidden; }
      .VideoPreviewModule .VideoPreviewDoc.VideoHeadingInside .imageContainer,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoHeadingInside .imageContainer {
        margin-bottom: 0px; }
      .VideoPreviewModule .VideoPreviewDoc.VideoHeadingInside .heading-background,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoHeadingInside .heading-background {
        position: absolute;
        bottom: 0;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), to(transparent));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85), transparent);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85), transparent);
        background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
        height: 100%;
        width: 100%; }
      .VideoPreviewModule .VideoPreviewDoc.VideoHeadingInside .heading-background span,
      .CustSwiperGalleryPreviewContent .VideoPreviewDoc.VideoHeadingInside .heading-background span {
        position: absolute;
        bottom: 0;
        color: #fff;
        /*font-size: calc(1.4vw + 1.4vh + 1vmin);*/
        font-weight: 500;
        text-align: center;
        vertical-align: text-bottom;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 1.0em;
        line-height: 1.3;
        margin-bottom: 0px;
        width: 100%;
        text-shadow: 0 0 20px rgba(0, 0, 20, 0.25); }
 /* definition for the WatchListModule */
.WatchListModule {
  background-color: #fff; }
  .WatchListModule a::after {
    content: "";
    background: none; }
  .WatchListModule a:hover {
    color: #1e2b46;
    text-decoration: underline; }
    .WatchListModule a:hover .WatchlistHEadline {
      text-decoration: none; }
  .WatchListModule .headLine {
    font-family: "HarrisonSerifPro";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #1e2b46;
    padding-bottom: 22px;
    margin-bottom: 40px;
    text-transform: none;
    text-align: left;
    border-bottom: 12px solid #F0F0E9; }
  .WatchListModule ul.WatchListContainer li {
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: solid 1px #ccc; }
  .WatchListModule .WatchListContentHolder {
    /*padding-bottom: 0.5em;*/ }
  .WatchListModule .WatchListImage {
    margin-bottom: 11px; }
    .WatchListModule .WatchListImage img {
      width: 100%; }
  .WatchListModule .WatchListText {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #1e2b46; }
    .WatchListModule .WatchListText .WatchListSection,
    .WatchListModule .WatchListText .WatchListHeadline {
      color: #009ee0;
      margin-top: 0px;
      margin-bottom: -3px;
      font-weight: bold;
      font-size: 0.75em;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .WatchListModule .WatchListText .WatchListHeading {
      font-family: "HarrisonSerifPro";
      font-size: 20px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2;
      letter-spacing: normal;
      color: #1e2b46; }
  .WatchListModule .WatchListAction {
    margin-bottom: 5px; }
    .WatchListModule .WatchListAction .rn-bookmark-remove-e {
      color: #00ca88; }

.ui-widget-overlay.WatchListInfoDialog {
  background: none; }

.WatchListInfoDialog {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 0px;
  text-align: center; }
  .WatchListInfoDialog .ui-dialog-titlebar {
    display: none; }
  .WatchListInfoDialog .ui-dialog-content {
    background-color: #fff;
    padding-top: 17px;
    padding-bottom: 11px; }
    .WatchListInfoDialog .ui-dialog-content div {
      margin-top: 34px;
      margin-bottom: 38px; }
  .WatchListInfoDialog h3 {
    font-family: "HarrisonSerifPro";
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46;
    margin-top: 27px; }
  .WatchListInfoDialog a.link-button {
    padding-top: 15px;
    padding-bottom: 13px;
    text-decoration: none; }
    .WatchListInfoDialog a.link-button :hover {
      text-decoration: none; }
    .WatchListInfoDialog a.link-button :focus {
      outline: none; }
    @media screen and (max-width: 768px) {
      .WatchListInfoDialog a.link-button {
        padding-left: 60px;
        padding-right: 60px; } }
  .WatchListInfoDialog span {
    float: right; }
    .WatchListInfoDialog span i.rn-ico {
      font-size: 16px; }
    .WatchListInfoDialog span:hover {
      cursor: pointer; }
  .WatchListInfoDialog p {
    font-family: "Atlas Grotesk";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46; }
 /* definition for the WebStorySearchModule */
.WebStorySearchModule {
  background-color: white;
  margin-top: -20px;
  /* for results of searchpage */ }
  .WebStorySearchModule .headLine {
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center;
    color: #1e2b46;
    margin-top: 8px; }
  .WebStorySearchModule .searchword {
    font-family: "HarrisonSerifPro";
    font-size: 23px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46;
    text-align: center;
    width: 100%;
    margin-top: -2px;
    margin-bottom: 28px; }
  .WebStorySearchModule .WebStorySearchCriteria {
    height: 175vh; }
    @media screen and (max-width: 992px) {
      .WebStorySearchModule .WebStorySearchCriteria {
        height: auto; } }
  .WebStorySearchModule .searchExtended {
    background-color: #f5f5ef;
    padding: 0.5em; }
    @media screen and (min-width: 768px) {
      .WebStorySearchModule .searchExtended .toggleicon {
        display: none; } }
    .WebStorySearchModule .searchExtended h3 {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.15;
      letter-spacing: 2px;
      color: #2b6fc4;
      text-transform: uppercase;
      margin-top: 12px;
      margin-bottom: 15px; }
      .WebStorySearchModule .searchExtended h3 i {
        vertical-align: text-top;
        font-size: 18px;
        font-weight: bold; }
      .WebStorySearchModule .searchExtended h3 a {
        font-family: "Atlas Grotesk";
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.15;
        letter-spacing: 2px;
        color: #2b6fc4;
        text-transform: uppercase;
        margin-top: 12px;
        margin-bottom: 15px; }
        .WebStorySearchModule .searchExtended h3 a :hover {
          text-decoration: none; }
    .WebStorySearchModule .searchExtended .WebStorySearchCriteriaLabel {
      font-family: "Atlas Grotesk";
      font-size: 11px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.27;
      letter-spacing: 1.4px;
      color: #1e2b46;
      text-transform: uppercase;
      margin-bottom: 12px; }
    .WebStorySearchModule .searchExtended #m_ctrlSection {
      height: 40px;
      background-color: #f5f5ef;
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #8e8e8b;
      border: solid 1px #dedfd5;
      border-radius: 4px; }
      .WebStorySearchModule .searchExtended #m_ctrlSection :hover {
        border: solid 1px #8e8e8b; }
      .WebStorySearchModule .searchExtended #m_ctrlSection :focus {
        -webkit-box-shadow: none;
                box-shadow: none;
        color: #1e2b46; }
      .WebStorySearchModule .searchExtended #m_ctrlSection option {
        background-color: #f5f5ef;
        font-family: "Atlas Grotesk";
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.46;
        letter-spacing: normal;
        color: #8e8e8b; }
    .WebStorySearchModule .searchExtended input[type="radio"] {
      visibility: hidden; }
    .WebStorySearchModule .searchExtended div.radio {
      margin: 0;
      margin-bottom: 11px; }
    .WebStorySearchModule .searchExtended .WebStorySearchCriteriaRadioButton {
      position: relative; }
      .WebStorySearchModule .searchExtended .WebStorySearchCriteriaRadioButton i {
        font-size: 20px;
        position: absolute;
        bottom: -2px; }
      .WebStorySearchModule .searchExtended .WebStorySearchCriteriaRadioButton label {
        font-family: "Atlas Grotesk";
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.46;
        letter-spacing: normal;
        color: #1e2b46;
        margin-left: 10px; }
    .WebStorySearchModule .searchExtended #m_wctrlDateFrom,
    .WebStorySearchModule .searchExtended #m_wctrlDateTo,
    .WebStorySearchModule .searchExtended #m_ctrlSearch {
      height: 40px;
      background-color: #f5f5ef;
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #8e8e8b;
      border: solid 1px #dedfd5;
      border-radius: 4px; }
      .WebStorySearchModule .searchExtended #m_wctrlDateFrom :hover,
      .WebStorySearchModule .searchExtended #m_wctrlDateTo :hover,
      .WebStorySearchModule .searchExtended #m_ctrlSearch :hover {
        border: solid 1px #8e8e8b; }
      .WebStorySearchModule .searchExtended #m_wctrlDateFrom :focus,
      .WebStorySearchModule .searchExtended #m_wctrlDateTo :focus,
      .WebStorySearchModule .searchExtended #m_ctrlSearch :focus {
        -webkit-box-shadow: none;
                box-shadow: none;
        color: #1e2b46; }
      .WebStorySearchModule .searchExtended #m_wctrlDateFrom :disabled,
      .WebStorySearchModule .searchExtended #m_wctrlDateTo :disabled,
      .WebStorySearchModule .searchExtended #m_ctrlSearch :disabled {
        border: solid 1px #dedfd5;
        color: #dedfd5; }
        .WebStorySearchModule .searchExtended #m_wctrlDateFrom :disabled:hover,
        .WebStorySearchModule .searchExtended #m_wctrlDateTo :disabled:hover,
        .WebStorySearchModule .searchExtended #m_ctrlSearch :disabled:hover {
          border: solid 1px #dedfd5; }
    .WebStorySearchModule .searchExtended .btn-primary {
      border: none;
      border-radius: 3px;
      background-color: #00ca88;
      font-family: "Atlas Grotesk";
      font-size: 11px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.55;
      letter-spacing: 1.5px;
      text-align: center;
      color: #f5f5ef;
      text-transform: uppercase;
      height: 40px; }
      .WebStorySearchModule .searchExtended .btn-primary:hover {
        background-color: #329f7c; }
      @media screen and (max-width: 992px) {
        .WebStorySearchModule .searchExtended .btn-primary {
          margin-bottom: 50px; } }
  .WebStorySearchModule .queryResult > ul {
    list-style: none;
    padding-left: 0px; }
    .WebStorySearchModule .queryResult > ul > li {
      margin-bottom: 1.5em;
      padding-bottom: 1.5em;
      border-bottom: solid 1px #DEDFD5;
      list-style: none; }
      .WebStorySearchModule .queryResult > ul > li.searchShortcut {
        /*background-color: #ddd;*/ }
      .WebStorySearchModule .queryResult > ul > li .queryResultSearchWord {
        background-color: #fff69d;
        color: #1e2b46; }
  .WebStorySearchModule .WebStorySearchTitle {
    border-bottom: 1px solid #dedfd5; }
  .WebStorySearchModule .WebStorySearchCriteria {
    background-color: #f5f5ef; }
  .WebStorySearchModule .WebStorySearchResults {
    background-color: white;
    padding-top: 28px;
    padding-left: 40px;
    padding-right: 40px; }
    @media screen and (max-width: 768px) {
      .WebStorySearchModule .WebStorySearchResults {
        padding-left: 20px;
        padding-right: 20px; } }
    .WebStorySearchModule .WebStorySearchResults .WebStoryPreviewDoc,
    .WebStorySearchModule .WebStorySearchResults .PictureGalleryPreviewDoc,
    .WebStorySearchModule .WebStorySearchResults .VideoPreviewDoc {
      margin-left: -15px; }
    .WebStorySearchModule .WebStorySearchResults img {
      width: 100%; }
    .WebStorySearchModule .WebStorySearchResults span.article-headline {
      font-family: "Atlas Grotesk";
      font-size: 10px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.4;
      letter-spacing: 1.3px;
      color: #009ee0;
      text-transform: uppercase;
      margin-top: 0;
      margin-bottom: -8px; }
      .WebStorySearchModule .WebStorySearchResults span.article-headline.article-premium {
        font-family: "HarrisonSerifPro";
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.93;
        letter-spacing: normal;
        color: #1e2b46;
        text-transform: none;
        margin-bottom: -4px; }
        .WebStorySearchModule .WebStorySearchResults span.article-headline.article-premium svg {
          height: 14px;
          vertical-align: middle;
          margin-right: 5px; }
      .WebStorySearchModule .WebStorySearchResults span.article-headline.article-nativead {
        color: #8e8e8b; }
    .WebStorySearchModule .WebStorySearchResults h4.article-heading {
      font-family: "HarrisonSerifPro";
      font-size: 20px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2;
      letter-spacing: normal;
      color: #1e2b46; }
      .WebStorySearchModule .WebStorySearchResults h4.article-heading.article-premium {
        font-size: 27px;
        font-weight: normal;
        line-height: 1.15; }
      .WebStorySearchModule .WebStorySearchResults h4.article-heading a:hover {
        color: #1e2b46;
        text-decoration: none; }
    .WebStorySearchModule .WebStorySearchResults p {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #1e2b46; }
    .WebStorySearchModule .WebStorySearchResults span.category {
      margin-top: 10px;
      font-family: "Atlas Grotesk";
      font-size: 12px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.25;
      letter-spacing: normal;
      color: #1e2b46; }
    .WebStorySearchModule .WebStorySearchResults span,
    .WebStorySearchModule .WebStorySearchResults span.pubdate {
      margin-top: 10px;
      font-family: "Atlas Grotesk";
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.25;
      letter-spacing: normal;
      color: #8e8e8b; }
    .WebStorySearchModule .WebStorySearchResults .VideoPreviewDoc,
    .WebStorySearchModule .WebStorySearchResults .PictureGalleryPreviewDoc {
      position: relative; }
      .WebStorySearchModule .WebStorySearchResults .VideoPreviewDoc .preview-doc-icon,
      .WebStorySearchModule .WebStorySearchResults .PictureGalleryPreviewDoc .preview-doc-icon {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        width: 100%;
        height: 100%; }
        .WebStorySearchModule .WebStorySearchResults .VideoPreviewDoc .preview-doc-icon .glyph-wrapper,
        .WebStorySearchModule .WebStorySearchResults .PictureGalleryPreviewDoc .preview-doc-icon .glyph-wrapper {
          position: absolute;
          top: 10px;
          left: 20px;
          min-width: 60px;
          height: 30px;
          color: #1e2b46;
          background-color: #c2def5;
          text-align: left;
          padding: 3px 0px 3px 5px; }
          .WebStorySearchModule .WebStorySearchResults .VideoPreviewDoc .preview-doc-icon .glyph-wrapper .rn-ico,
          .WebStorySearchModule .WebStorySearchResults .PictureGalleryPreviewDoc .preview-doc-icon .glyph-wrapper .rn-ico {
            font-size: 16px;
            font-weight: bold;
            vertical-align: middle; }
        .WebStorySearchModule .WebStorySearchResults .VideoPreviewDoc .preview-doc-icon .VideoDuration,
        .WebStorySearchModule .WebStorySearchResults .VideoPreviewDoc .preview-doc-icon .NumberPictures,
        .WebStorySearchModule .WebStorySearchResults .PictureGalleryPreviewDoc .preview-doc-icon .VideoDuration,
        .WebStorySearchModule .WebStorySearchResults .PictureGalleryPreviewDoc .preview-doc-icon .NumberPictures {
          font-family: "Atlas Grotesk";
          font-size: 10px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #1e2b46; }
        .WebStorySearchModule .WebStorySearchResults .VideoPreviewDoc .preview-doc-icon .NumberPictures,
        .WebStorySearchModule .WebStorySearchResults .PictureGalleryPreviewDoc .preview-doc-icon .NumberPictures {
          margin-left: 7px; }
  .WebStorySearchModule #m_wctrlBottomPagination {
    text-align: center; }
    .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li a {
      width: 24px;
      min-width: 24px;
      height: 24px;
      min-height: 24px;
      background-color: white;
      border: none;
      font-family: "Atlas Grotesk";
      font-size: 11px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      color: #1e2b46;
      margin-right: 30px;
      margin-left: 0;
      padding-top: 6px;
      padding-right: 1px;
      padding-left: 0; }
    .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li.active a {
      color: #00ca88; }
    .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li a:hover {
      color: #00ca88; }
    .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li :hover a {
      color: #00ca88; }
    .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li:last-of-type a {
      margin-right: 0; }
    .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li:nth-of-type(2) a,
    .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li:nth-of-type(8) a {
      border-radius: 50%;
      border: 1px solid #dedfd5; }
      .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li:nth-of-type(2) a :hover,
      .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li:nth-of-type(8) a :hover {
        border: 1px solid #1e2b46;
        color: #1e2b46; }
    .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li:nth-of-type(2) :hover a,
    .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li:nth-of-type(8) :hover a {
      border: 1px solid #1e2b46;
      color: #1e2b46; }
    @media screen and (max-width: 480px) {
      .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li:first-of-type,
      .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li:last-of-type {
        display: none !important; }
      .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li a {
        margin-right: 25px; }
      .WebStorySearchModule #m_wctrlBottomPagination ul.pagination li:nth-of-type(8) a {
        margin-right: 0; } }
 /* Navigation PositionFixed Top */
.BookingMgrCtrl.PositionFixed {
  position: fixed;
  top: 0;
  padding: 0 10px;
  background-color: white;
  margin-left: -10px;
  width: 900px;
  z-index: 9999; }

/* Navigation PositionFixed Placeholder */
.PositionFixedPlaceholder {
  height: 90px; }

/* css-elements for the topLevel of the etuListControl
   (the rest is like following descripted) */
.WcmsETULIstTopLevelRow {
  background-color: #dddddd;
  padding: 3px; }

.WcmsETULIstTopLevelDescriptorCell {
  width: 100px; }

.WcmsETUListTopLevelSeperatorRow {
  background-color: #ffffff;
  height: 5px; }

/* css-elements for the etuListControl
The scheme of the css (values in brackets are controls in the cells)
WcmsETUListRow/WcmsETUListRow WcmsETUListAlternatingRowXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
X								  X							 X									 X							  X
X WcmsETUListSelectorCell X WcmsETUListImageCell X WcmsETUListSeparatorCell X WcmsETUListTextCell X
X  (WcmsETUListSelector)  X  (WcmsETUListImage)  X									 X							  X
X								  X							 X									 X							  X
WcmsETUListSeparatorRowXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
X																																  X
X																																  X
X																																  X
WcmsETUListRow/WcmsETUListRow WcmsETUListAlternatingRowXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
X																																  X
X  . . .
*/
.WcmsETUListRow {
  /* set this back to default if we don't want selecting the entry by the complete row */
  cursor: pointer; }

.WcmsETUListRow.WcmsETUListAlternatingRow {
  background: #e9e9e9; }

.WcmsETUListRowHighlighted {
  background-color: #00ca88 !important;
  /*PMODIF DF 2019-08-09 Custom layout*/
  /* set this back to default if we don't want selecting the entry by the complete row */
  cursor: pointer; }

.WcmsETUListSelector {
  padding: 5px; }

.WcmsETUListImage {
  border: solid 2px transparent;
  /*PMODIF DF 2019-08-09 Custom layout*/
  margin: 5px 10px 5px 5px; }

.WcmsETUListTextCell {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 5px; }

.WcmsETUListSeparatorRow {
  height: 5px; }

.WcmsETUNamesAndPubDaysTable {
  overflow-x: auto;
  max-width: 680px; }

.WcmsETUNamesAndPubDaysTable table {
  border-collapse: collapse; }

.WcmsETUNamesAndPubDaysTable table tbody {
  overflow: scroll;
  max-width: 500px; }

.WcmsETUNamesAndPubDaysTable table tbody tr th,
.WcmsETUNamesAndPubDaysTable table tbody tr td {
  white-space: nowrap;
  border: solid 1px Black;
  margin: 3px 5px;
  padding: 3px 5px;
  text-align: center; }

/* the separator between the slogans in the shown sloganList */
.WcmsSloganSeparator {
  margin: 5px 3px 5px 3px; }

/* the style for the frame in pictureGallery which contains the pictureElements
	in the my and common part */
.WcmsPictureGalleryMyPictureFrame,
.WcmsPictureGalleryCommonPictureFrame {
  float: left;
  height: 152px;
  margin: 2px 2px 2px 2px;
  text-align: center;
  vertical-align: middle;
  width: 152px; }

/* the style for the pictures in the pictureGallery */
.WcmsPictureGalleryMyPicture,
.WcmsPictureGalleryCommonPicture {
  /* the picture size is setted by javaScriptFunction: ResizePictures() */
  border-color: #EEEEEE;
  border-style: solid;
  border-width: 1px;
  cursor: pointer; }

.WcmsPictureGalleryMyPicture:Hover,
.WcmsPictureGalleryCommonPicture:Hover {
  /* the picture size is setted by javaScriptFunction: ResizePictures() */
  border-color: #DDDDDD;
  border-style: ridge;
  border-width: 1px;
  cursor: pointer; }

/* the style for all previewImages (of the motif) */
.WcmsPreviewImage {
  border-color: #EEEEEE;
  border-style: solid;
  border-width: 6px;
  /* (in case if we have a designed motif) */ }
  .WcmsPreviewImage.WcmsPreviewImageDesignedMotif {
    border-style: none; }
  @media print {
    .WcmsPreviewImage {
      width: 400px; } }

/* the surrounding element of a gallery item for each image and label */
.WcmsGalleryItem {
  display: inline;
  vertical-align: top;
  float: left;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 15px;
  background-color: #eee; }

/* the image in the gallery */
.WcmsGalleryImage {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* the label under the image in the gallery */
.WcmsGalleryLabel {
  margin-top: 10px;
  display: block;
  color: Black;
  text-align: center; }

/* the style of the <hr> which seperates oneColumnModel form twoColumnModel, ... */
.WcmsGallerySeparator {
  margin: 3px 3px 3px 3px;
  clear: both; }

/*************************************************************************************************/
/* used for headlines */
.WcmsOrderHeadline {
  font-family: "HarrisonSerifPro";
  color: #336799;
  font-size: 1.125em; }

/*************************************************************************************************/
/* Order/Booking/OrderBookingConfirmCtrl.ascx and Order/Booking/OrderBookingFinishCtrl.ascx */
/*************************************************************************************************/
/*************************************************************************************************/
.OrderBookingOverviewDataLine {
  vertical-align: top;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px; }
  .OrderBookingOverviewDataLine:last-of-type {
    border-bottom-style: none; }

/*************************************************************************************************/
/* the style of the <hr> which seperates the parts in the overview */
.OrderBookingOverviewSeparator {
  color: #ddd; }

.OrderBookingConfirmCtrl table {
  width: 100%; }

.OrderBookingConfirmCtrl .OrderBookingConfirmCtrl_AlterCell {
  font-style: italic; }

.OrderBookingFinishCtrl table table {
  width: 100%; }

/*************************************************************************************************/
/* Order/Booking/BookingModelGalleryCtrl.ascx.cs */
/*************************************************************************************************/
.MotifModelListGalleryContainer {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.MotifModelList {
  margin: 0px;
  padding: 0px;
  border-spacing: 0 15px;
  border-collapse: separate; }

.MotifModelRowWrapper {
  margin-top: 15px;
  margin-bottom: 15px; }

.fi-motif-model-item {
  cursor: pointer; }
  .fi-motif-model-item td {
    vertical-align: middle; }

.fi-motif-model-item-selected {
  background-color: #ccc;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.175);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.175); }

.MotifModelRadioButton {
  padding: 10px; }
  .MotifModelRadioButton label {
    visibility: hidden;
    display: none; }

.MotifModelImage {
  padding: 0px; }

.MotifModelComment {
  padding: 10px;
  width: 100%; }

/*************************************************************************************************/
/* Order/Booking/BookingSummaryPrintCtrl.ascx */
/*************************************************************************************************/
.BookingSummaryPrintCtrl tr {
  vertical-align: top; }

/*************************************************************************************************/
/* Order/Booking/BookingClassificationCtrl.ascx */
/*************************************************************************************************/
.BookingMgrCtrl input[type=button] {
  color: #FFF;
  background-color: #1e2b46;
  font-size: 0.9em;
  border: 0px;
  font-weight: normal !important;
  min-height: 20px; }

.BookingMgrCtrl.booking-steps input[type=button] {
  text-transform: uppercase;
  font-size: 20px;
  background-image: none;
  /*background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;*/
  background-color: transparent !important;
  width: 16%;
  /*width: 16.66666667%;*/
  height: 75px;
  line-height: 90px;
  vertical-align: bottom;
  /*outline: none !important;*/
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #cccccc;
  color: #cccccc; }
  .BookingMgrCtrl.booking-steps input[type=button].WCMSNavActive {
    color: #009ee0;
    border-color: #009ee0; }
  .BookingMgrCtrl.booking-steps input[type=button].WCMSNavInactive {
    color: #009ee0;
    border-color: #009ee0; }

/*************************************************************************************************/
/* Order/Booking/BookingBPDataCtrl.ascx */
/*************************************************************************************************/
.panel-option {
  margin-left: 10px;
  margin-top: 10px; }
  @media screen and (max-width: 768px) {
    .panel-option .panel-radiobutton-label {
      width: 50%; } }
  .panel-option .panel-radiobutton {
    margin-right: 10px; }

/*************************************************************************************************/
/* Order/Booking/BookingMotifEditFiolaCtrl.ascx */
/*************************************************************************************************/
#edEditor {
  min-width: 100%;
  max-width: 100%; }
  #edEditor .edMenuButtonsBar {
    width: 100%;
    min-width: 100%; }
  #edEditor #edProperties {
    padding: 0px;
    min-width: 100%;
    max-width: 100%; }
  #edEditor #edWorkArea {
    padding: 0px;
    min-width: 100%;
    max-width: 100%; }
  #edEditor #edPriceDetails {
    position: relative;
    margin: 0px !important;
    padding: 0px !important;
    min-width: 100%;
    max-width: 100%;
    min-height: 10px;
    margin-bottom: 10px !important; }
  #edEditor #edPropertyToolbar {
    position: relative;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important; }

/*START PMODIF DF 2019-08-12 Custom layout*/
/*************************************************************************************************/
/* Layout canvas editor */
/*************************************************************************************************/
/*MotifEdit--------------------------------------*/
.edMenuButton,
.edMenuButtonsBar,
.edMenuButtonsBar .svg,
.edPropertyHead,
#edPriceDetailsPropertyValues,
.ui-widget-header {
  background-color: #009ee0; }

#edZoomValue {
  font-family: "Atlas Grotesk";
  font-size: 13px; }

.edMenuButtonsBar .svg,
.edMenuButtonsBar .svg:hover,
.edMenuButtonsBar .svgclicked {
  padding: 6px;
  border-radius: 2px; }

.edMenuButtonsBar .svg,
.edMenuButtonsBar .svgdisabled {
  width: 33px;
  height: 33px; }

.edMenuButtonsBar .svgdisabled {
  background-color: #a5dcf4;
  padding: 6px;
  border-radius: 2px; }

.edMenuButtonsBar > li {
  margin-top: 6px; }

.edMenuButtonsBar > li > div {
  padding-bottom: 0;
  padding: 0; }

.edMenuButtonDisabled {
  background-color: #009ee0; }

#edDocPrice {
  white-space: nowrap; }

/*END PMODIF DF 2019-08-12 Layout canvas editor*/
/*START PMODIF DF 2019-08-01 Custom layout*/
/*************************************************************************************************/
/* Custom Order */
/*************************************************************************************************/
.Cust-Order {
  color: #000;
  background-color: #fff;
  margin-left: -10px;
  margin-right: -10px;
  padding-bottom: 20px;
  padding: 0 30px 20px;
  /*MotifEdit--------------------------------------*/
  /*ChangeModel------------------------------------*/
  /*ETU--------------------------------------------*/
  /*BookDays---------------------------------------*/
  /*ChangeModel------------------------------------*/
  /*Classification---------------------------------*/ }
  .Cust-Order input,
  .Cust-Order textarea,
  .Cust-Order select {
    font-size: 14px; }
  .Cust-Order .radio-inline input[type="radio"],
  .Cust-Order .checkbox-inline input[type="checkbox"] {
    visibility: hidden; }
  .Cust-Order button {
    height: 40px; }
  .Cust-Order .OrderMotifEdit {
    font-family: "Atlas Grotesk";
    font-size: 13px; }
  .Cust-Order .CustEditAttr_Headline {
    color: #009ee0;
    font-weight: bold;
    font-size: 15px;
    font-family: "Open Sans Condensed", sans-serif;
    padding: 10px 0 0 0px;
    background: none repeat scroll 0% 0% #fff;
    border-bottom: 1px solid #000;
    width: 96%;
    margin: 0 0 15px 15px;
    margin-left: 10px; }
  @media screen and (min-width: 768px) {
    .Cust-Order .CustEditAttr_Content input ~ label {
      line-height: 1.4;
      margin-left: 15px; }
    .Cust-Order .CustEditAttr_Content label {
      line-height: 2.9; } }
  .Cust-Order .CustEditAttr_Content label {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: 700 !important;
    vertical-align: middle; }
  .Cust-Order textarea.form-control {
    height: auto; }
  .Cust-Order .help-block {
    font-family: "Atlas Grotesk", sans-serif;
    font-weight: 700;
    color: #000; }
  .Cust-Order .WcmsETUListTextCell {
    font-family: "Atlas Grotesk", sans-serif;
    font-size: 13px; }
  .Cust-Order .WcmsETUListTextCell b {
    font-family: HarrisonSerifPro, Georgia, Times, serif;
    font-size: 14px; }
  .Cust-Order #m_wdivPubDates {
    overflow-x: auto; }
  .Cust-Order .CalendarMainTable {
    font-family: "Atlas Grotesk", sans-serif;
    font-size: 14px; }
  .Cust-Order .CalendarPubDatesTable td {
    font: normal normal 13px/18px "Atlas Grotesk", sans-serif; }
  @media screen and (max-width: 768px) {
    .Cust-Order .CalendarMainTable {
      display: table-cell; }
    .Cust-Order .CalendarPubDatesTable th {
      max-width: none; } }
  .Cust-Order .PortalToolbarDescription ~ ul {
    font-family: "Atlas Grotesk", sans-serif;
    font-size: 13px;
    list-style: none; }
  .Cust-Order .CalendarDayLinkSelected:Active,
  .Cust-Order .CalendarDayLinkSelected:Link,
  .Cust-Order .CalendarDayLinkSelected:Visited {
    color: #00ca88 !important; }
  .Cust-Order .WcmsOrderHeadline {
    font-weight: 700;
    color: #1e2b46;
    font-size: 24px; }
  .Cust-Order .panel-default {
    border-color: #fff; }
    .Cust-Order .panel-default .panel-heading {
      background-color: #fff;
      border-color: #fff; }
      .Cust-Order .panel-default .panel-heading p {
        font-family: "Atlas Grotesk"; }
  .Cust-Order .panel-title {
    margin-top: 0;
    margin-bottom: 11px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
    letter-spacing: -1px; }
  .Cust-Order .form-horizontal {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px; }
  .Cust-Order .control-label,
  .Cust-Order .radio-inline label,
  .Cust-Order .checkbox-inline,
  .Cust-Order .checkbox {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal !important;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    cursor: pointer;
    line-height: 1.2;
    letter-spacing: normal;
    color: #1e2b46;
    margin-bottom: 5px;
    font-size: 13px; }
  .Cust-Order .form-control {
    border-radius: 4px;
    border: solid 1px #dedfd5;
    height: 40px; }
    .Cust-Order .form-control:hover {
      border: solid 1px #8e8e8b; }
  .Cust-Order .TitleItem .rn-ico,
  .Cust-Order .PublishInternetItem .rn-ico {
    display: inline-block;
    font-size: 20px;
    width: 30px; }
  .Cust-Order .TitleItem .rn-ico + label,
  .Cust-Order .PublishInternetItem .rn-ico + label {
    margin-top: -15px; }
  .Cust-Order .btn {
    text-transform: uppercase; }
  .Cust-Order .btn-primary {
    color: #fff;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center; }
  .Cust-Order .WebStorySearchCriteriaLabel {
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: 1.4px;
    color: #1e2b46;
    text-transform: uppercase;
    margin-bottom: 12px; }
  .Cust-Order #m_ctrlSection {
    height: 40px;
    background-color: #f5f5ef;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #8e8e8b;
    border: solid 1px #dedfd5;
    border-radius: 4px; }
    .Cust-Order #m_ctrlSection :hover {
      border: solid 1px #8e8e8b; }
    .Cust-Order #m_ctrlSection :focus {
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #1e2b46; }
    .Cust-Order #m_ctrlSection option {
      background-color: #f5f5ef;
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #8e8e8b; }
  .Cust-Order .WebStorySearchCriteriaRadioButton {
    position: relative; }
    .Cust-Order .WebStorySearchCriteriaRadioButton i {
      font-size: 20px;
      position: absolute;
      bottom: -2px; }
    .Cust-Order .WebStorySearchCriteriaRadioButton label {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #1e2b46;
      margin-left: 10px; }

/*END PMODIF DF 2019-08-01 Custom layout*/
 .AreasMapTable
{
	/* set margin left and right to 'auto' to center the tableContent */
	margin-left:auto;
	margin-right:auto;
	/* set here the same width like the pictures width of the map */
	width:100%;
}

#m_wdivMap
{
	margin-top:20px;
}

.AreasMapTitle
{
	font-size:1.1em;
	padding-bottom:10px;
	text-align:center;
}

.AreaMapContainer
{
	position:relative;
	width:359px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 768px) {

.AreaMapContainer
{
	width:100%;
}

}

.AreasMapImage
{
	position:absolute;
	width:100%;
}

.AreasMapError
{
	color:Red;
	font-weight:bold;
}
 /* the label for the boxName of pBoxes */
.StoryEditorBoxLabel
{
}

/* the style of the textBoxes which are used for non HtmlEditor boxes */
.StoryEditorDefaultTextBox,
.StoryEditorBaseTextBox,
.StoryEditorHeaderBox,
.StoryEditorCaptionBox,
.StoryEditorAuthorBox
{
}

/* the label for the imageDescription of pBoxes */
.StoryEditorImageLabel
{
}

/* the image of pBoxes */
.StoryEditorImage
{
	padding-right:10px;
}

/* the control to upload an image */
.StoryEditorImageButtonsCell
{
	text-align:left !important;
}

/* the control to upload an image */
.StoryEditorFileUploadCtrl,
/* the uploadButton for the uploadCtrl */
.StoryEditorFileUploadButton
{
}
.StoryEditorFileUploadButton:Hover
{
}

/* the checkBox for bw conversion */
.StoryEditorBWCheckBox
{
}

/* the button to select another image for pBoxes */
.StoryEditorImageSelectButton
{
	border-color:White;
	border-style:solid;
	border-width:1px;
	margin-right:5px;
}
.StoryEditorImageSelectButton:hover
{
	border-style:ridge;
	border-width:1px;
}

/* the button for editImgCrop */
.StoryEditorEditImgCropButton
{
	border-color:White;
	border-style:solid;
	border-width:1px;
	margin-right:5px;
}
.StoryEditorEditImgCropButton:hover
{
	border-style:ridge;
	border-width:1px;
}

/* the button for deleting an image for pBoxes */
.StoryEditorDeleteImageButton
{
	border-color:White;
	border-style:solid;
	border-width:1px;
	margin-right:5px;
}
.StoryEditorDeleteImageButton:hover
{
	border-style:ridge;
	border-width:1px;
}

/* the button for deleting pixtureBoxes for pBoxes */
.StoryEditorDeletePictureBox
{
	border-color:White;
	border-style:solid;
	border-width:1px;
	margin-right:5px;
}
.StoryEditorDeletePictureBox:hover
{
	border-style:ridge;
	border-width:1px;
}

/* the label of the BU for pBoxes */
.StoryEditorBULabel
{
}

/* the textBox of the BU for pBoxes */
.StoryEditorBUTextBox
{
	margin-left:auto;
	margin-right:auto;
}

/* for the editBox we have no special css becuase it's we use it as control
	and control hasn't astyle or cssClass */

/* the div for making a lineBreak before the bwCheckBox */
.StoryEditorBWCheckBoxBR
{
}

/* the div for making a lineBreak before the imageButtons */
.StoryEditorButtonsBR
{
	height:10px;
}

.StoryEditorError
{
	color:Red;
	font-weight:bold;
}

.PBoxToolbarDiv
{
	border:1px solid #CFCFCF;
	border-bottom-style: none;
	
	padding: 5px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background:  url('/Lib/jquery-ui/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png') repeat-x scroll 50% 50% #CCCCCC;
	color: #222222;
	clear:both;
	height: 42px;
}


.PBoxFileDiv
{
	float:left;
}

.PBoxButtonDiv
{
	float:left;	
	margin-right: 8px;
}

.PBoxDescDiv
{
	float:left;	
	margin-right: 5px;
	overflow: hidden;
	
}
.PBoxBoxLabel
{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top: 3px;
	margin-bottom: 3px;
	
}

.PBoxImageLabel
{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


.PBoxButton
{
	border-radius: 4px;
	padding: 0.3em !important;
	
}
.PBoxButtonImageSelect
{
}

.PBoxButtonImageCrop	
{
}

.PBoxButtonImageDelete
{
}

.PBoxButtonDeletePictureBox
{
}

.PBoxButtonUpload
{
}

.PBoxBWCheckBox
{
}

.PBoxBWCheckBoxBR
{
}

.PBoxImageDiv
{
	padding-bottom: 25px;
}

.PBoxImage
{
	opacity: 0.1;
}

.PBoxImageBorderDiv
{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid  #CFCFCF;
}



.PBoxBUDiv
{
	padding-bottom: 25px;
}

/* the label of the BU for pBoxes */
.PBoxBULabel
{
}

/* the textBox of the BU for pBoxes */
.PBoxBUTextBox
{
	margin-left: auto;
	margin-right: auto;
}


.PBoxErrorLabel
{
	color: Red;
	font-weight: bold;
}

.TBoxBoxDeleteBtn 
{
    width: 24px !important;
    height: 23px !important;
    float:right;
    margin-left: 5px;
    margin-right: 5px;
}

.TBoxRow
{
	
}

.LinkBoxDiv {
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid lightgray;
	border-radius: 4px;
}
.LinkBoxHeaderDiv {
	 background-color: #EEEEEE;
	 padding: 3px;
	 height:28px
}
.LinkBoxImageDiv {
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat !important;
	background-size: contain;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.LinkBoxImageDivSmall {
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat !important;
	background-size: contain;
	height: 64px;
	margin-left: auto;
	margin-right: auto;
}

.LinkBoxBUDiv {
	 background-color: #EEEEEE;
	 padding: 3px;
	 min-height: 20px;
}
.LinkBoxBUText {
	 background-color: transparent !important;
	 width: 99% !important;
	 padding: 3px;
	 min-height: 20px;
	 border-color:  transparent !important;
}

.LinkBoxDeleteBtn {
    width: 24px !important;
    height: 23px !important;
    float:right;
    margin-left: 5px;
    margin-right: 5px;
}
.OpenLinkBoxDocumentBtn {
    width: 24px !important;
    height: 23px !important;
    float:right;
    margin-left: 5px;
    margin-right: 5px;
}

.WebStoryPicItemCreditCtrl{
	margin-top: 7px !important;
	margin-left: 13px;
	width: 528px;
	height: 1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 10px;
	border: 1px solid #D9DDE6;
}

.mceStatusbarBoxName {
	float:left !important;
	margin-right: 5px !important;
	padding-right: 5px !important;
}

.DeleteTextBoxBtn {
	margin-left: 10px !important;
	float:right !important;
	font-size: 12px !important;
}

.IMTitle {
	/* Here You can adjust the appearance of the zwischentitle: */
	background-color: #E0E0E0;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #808080;
	border-top-width: 1px;
	border-bottom-width: 1px; /* NOTE: Do NOT Change the following lines!*/
	display: inline;
} /* PubDatesTable */
.CalendarPubDatesDayTableHeader {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
      hyphens: none; }

.BookingBookDayCtrlContainer {
  margin-left: auto;
  margin-right: auto; }

.CalendarPubDatesTable {
  margin: 0 auto; }
  .CalendarPubDatesTable tr:first-child {
    border-top: solid 1px #ddd; }
  .CalendarPubDatesTable th, .CalendarPubDatesTable td {
    border-bottom: solid 1px #ddd;
    margin: 3px 5px 3px 5px;
    padding: 3px 5px 3px 5px;
    text-align: center; }
    .CalendarPubDatesTable th:first-child, .CalendarPubDatesTable th:first-child, .CalendarPubDatesTable td:first-child, .CalendarPubDatesTable td:first-child {
      text-align: left; }

/* Show User hint and Errors */
.ShowError {
  color: Red;
  font-size: 13px !important;
  margin-top: 10px;
  text-align: center;
  display: block; }

.HideError {
  color: Red;
  font-size: 13px !important;
  margin-top: 10px;
  text-align: center;
  display: none; }

@media screen and (max-width: 768px) {
  .CalendarMainTable {
    font-size: 1.0em;
    width: 100%; }
  .CalendarPubDatesTable {
    width: 100%; }
    .CalendarPubDatesTable th, .CalendarPubDatesTable td {
      /*padding:0px;*/ }
  .CalendarPubDatesDayTableHeader {
    max-width: 10.0em;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto; }
  .CalendarPubDatesIssueTableHeader {
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    height: 150px;
    max-width: 3.0em;
    /*word-break: break-all;
		width:1.0em;*/ } }
 /*for MyRealEstateAlertsModule */
.MyRealEstateAlertsModule
{
}

.MyRealEstateAlertsModuleContent
{
	margin-top:5px;
}

.MyRealEstateAlertsModuleLinkList
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.MyRealEstateAlertsModuleLinkList a
{
	background-image: url("/Layout/RealEstate/AlertLinkIcon.png");
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-top:3px;
	margin-bottom:3px;
	padding-left:23px;
	min-height:22px;
	display:inline-block;
}

.MyRealEstateAlertsModuleManage
{
	margin-top:5px;
} /*************************************************************************************************/
/* RealEstateSearchCriteriaCtrl.ascx */
/*************************************************************************************************/
.RESearchCriteria_bg {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  background-image: none;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  background-color: inherit;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .FieldsSmallLayout .RESearchCriteria_bg {
    background-image: none;
    padding-left: 0;
    padding-right: 0; }

.RESearchCriteria_Container {
  padding: 0px; }
  .RESearchCriteria_Container ul,
  .RESearchCriteria_Container .white-bg {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0.88; }
  .RESearchCriteria_Container:hover ul,
  .RESearchCriteria_Container:hover .white-bg {
    opacity: 1; }
  @media (min-width: 768px) {
    .FieldsWideLayout .RESearchCriteria_Container {
      padding: 70px; } }
  .RESearchCriteria_Container .nav-tabs {
    border-bottom: 1px solid #dddddd; }
    .RESearchCriteria_Container .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.46;
      border: 1px solid transparent;
      border-radius: 0px 0px 0 0; }
      .RESearchCriteria_Container .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #dddddd; }
    .RESearchCriteria_Container .nav-tabs > li.active > a,
    .RESearchCriteria_Container .nav-tabs > li.active > a:hover,
    .RESearchCriteria_Container .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #ffffff;
      border: 1px solid #dddddd;
      border-bottom-color: transparent;
      cursor: default; }
  .RESearchCriteria_Container .nav > li > a:hover, .RESearchCriteria_Container .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee; }
  .RESearchCriteria_Container .inactive {
    background-color: #ddd; }

/*white background for search-panel*/
.white-bg {
  background-color: #fff; }

@media (min-width: 768px) {
  .RESearchCriteria_bg {
    background-image: url("/Layout/RealEstate/RealEstateBkgImage1.jpg");
    /*padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 40px;
		padding-right: 200px;
		background-position-y: 100%;
		background-position-x: 0;
		background-size: 121%;
		margin-bottom: 0;*/ } }

@media (min-width: 992px) {
  .RESearchCriteria_bg {
    /*padding-top: 40px;
		padding-bottom: 40px;
		padding-right: 100px;
		padding-left: 60px;
		background-position-y: 48%;
		background-position-x: 0;
		background-size: 120%;*/ } }

@media (min-width: 1200px) {
  .RESearchCriteria_bg {
    /*padding-top: 70px;
		padding-bottom: 70px;
		padding-right: 100px;*/
    /*background-position-y: 52%;
		background-position-x: 0;*/
    /*background-size: 120%;*/ } }

.RESearchCriteria .REHeadH1 {
  font-size: 24px; }

.RESearchCriteria .QuickLinks {
  cursor: pointer; }

.RESearchCriteria input[type=submit].waShowExtendedSearchCriteria,
.RESearchCriteria .RESearchCriteria_ShowExtendedSearchCriteriaLink {
  background: none;
  cursor: pointer;
  color: #009ee0;
  border: 0px;
  padding-right: 0px;
  display: none; }

.FieldsWideLayout .RESearchCriteria input[type=submit].waShowExtendedSearchCriteria {
  display: inline-block; }

.FieldsWideLayout .RESearchCriteria.bordered {
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd; }
  @media (min-width: 768px) {
    .FieldsWideLayout .RESearchCriteria.bordered {
      border: none; } }

.FieldsSmallLayout .RESearchCriteria.bordered {
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd; }

.FieldsSmallLayout .RESearchCriteria .RESearchCriteria_ShowExtendedSearchCriteriaLink {
  display: inline-block; }

.ExtendedRESearchCriteria {
  display: none;
  background-color: #F6F6F6;
  padding: 15px;
  border-top: 1px solid #F1F1F1;
  border: 1px solid #DDDDDD; }
  .ExtendedRESearchCriteria .RESearchAuxCriteriaList {
    list-style-type: none;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px; }
    .ExtendedRESearchCriteria .RESearchAuxCriteriaList .RESearchAuxCriteriaListItems label {
      padding-left: 5px;
      font-weight: normal; }

/*************************************************************************************************/
/* RealEstateLastSearchCtrl.ascx */
/*************************************************************************************************/
.RESearchLastSearch {
  margin-top: 25px;
  margin-bottom: 15px; }
  .RESearchLastSearch ul {
    list-style-position: inside;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px; }
    .RESearchLastSearch ul li span {
      margin-right: 5px; }

/*************************************************************************************************/
/* realEstateShow page */
/*************************************************************************************************/
.REShowGalleryContainer {
  margin-top: 15px;
  margin-bottom: 15px; }

.REShowRightHeader, .REShowLeftHeader {
  margin-top: 15px;
  font-weight: bold; }

/*************************************************************************************************/
/* RealEstateNav page */
/*************************************************************************************************/
.RealEstateNavXslDescription {
  position: relative; }
  .RealEstateNavXslDescription img {
    min-width: 100%;
    margin-bottom: 5px; }

.RealEstateNavMainListItem {
  padding-bottom: 10px; }
  .RealEstateNavMainListItem .RealEstateNavMainListItemEntry {
    font-size: 1.3em; }
  .RealEstateNavMainListItem .RealEstateNavMainListItemTypes {
    padding-left: 15px;
    padding-top: 5px; }
    .RealEstateNavMainListItem .RealEstateNavMainListItemTypes .RealEstateNavMainListItemType {
      padding-right: 5px; }
      .RealEstateNavMainListItem .RealEstateNavMainListItemTypes .RealEstateNavMainListItemType .RealEstateNavMainListItemAnchor {
        font-size: 1.0em; }
 
/*************************************************************************************************/
/* PackageOverview */
/*************************************************************************************************/
.PackageOverviewHeader
{
	margin-left: 30px;
}

.PackageOverviewHeader h2{
	font-weight: 200;
}

.PackageOverview_Left
{
	float: left;
	padding: 22px 0;
}

.PackageOverview_Left select
{
	margin-left: 5px;
}

.PackageOverview_FloatRight {
	float: right;
}

.PackageOverview_Right
{
	float: right;
	width: 250px;
	padding: 15px 15px 15px 0;
}

.PackageOverviewSalutation
{
	margin-left: 30px;
}

.PackageOverviewCtrl
{
	color: White;
	padding: 10px 50px 10px 0;
	background-color: #6699cc;
	display: inline-block;
	margin-left: 30px;
	width: 834px;
}

.PackageOverviewSelection span
{
	padding-left: 50px;
}

.RealEstatePackageOverviewTable span, .RealEstatePackageOverviewTable input
{
	cursor: pointer;
}

	.RealEstatePackageOverviewTable span.PackageOverviewSwapMove
	{
		cursor: move;
	}

.RealEstatePackageOverviewList
{
	border-spacing: 0 5px;
	margin: 0 30px 15px;
	min-width: 834px;
	background-color:#E5E5E5;
}

	.RealEstatePackageOverviewList, .RealEstatePackageOverviewList tr, .RealEstatePackageOverviewList td
	{
	}

		.RealEstatePackageOverviewList td
		{
			padding: 10px 11.2px;
			white-space: nowrap;
		}

			.RealEstatePackageOverviewList td img
			{
				min-width: 100px;
				max-width: 150px;
				text-align: center;
				display: inline-block;
				background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
				background-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
				background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
				background-image: -ms-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
				background-image: -o-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
				z-index: 1;
				-webkit-background-size: 50px 50px;
				-moz-background-size: 50px 50px;
				background-size: 50px 50px;
				animation: animRealEstatePackageOverviewImg 2s linear infinite;
			}

			.RealEstatePackageOverviewList td:nth-child(1) span
			{
				min-width: 140px;
			}

			.RealEstatePackageOverviewList td:nth-child(8)
			{
				text-align: right;
			}

			.RealEstatePackageOverviewList td span
			{
				display: inline-block;
			}

			.RealEstatePackageOverviewList td:nth-child(2) span
			{
				width: 200px;
				white-space: normal;
			}

		.RealEstatePackageOverviewList tr
		{
			transition: background 250ms;
			-moz-transition: background 250ms;
			-webkit-transition: background 250ms;
			-o-transition: background 250ms;
		}

			.RealEstatePackageOverviewList tr:nth-child(n)
			{
				background-color: #E5E5E5;
			}

			.RealEstatePackageOverviewList tr:nth-child(2n)
			{
				background-color:  #EEE;
			}

			.RealEstatePackageOverviewList tr:hover
			{
				/*background: #b1b8be;*/
			}

			.RealEstatePackageOverviewList tr:first-child span
			{
				/* text-shadow: none; */
			}

			.RealEstatePackageOverviewList tr:first-child td:nth-child(7) span
			{
				cursor: pointer;
			}

		.RealEstatePackageOverviewList .RealEstatePackageOverviewHideRow
		{
			display: none;
		}

.PackageOverviewSetRealEstateToTop
{
	background-image: url(/Layout/Common/Arrows.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	height: 24px;
	width: 24px;
}

	.PackageOverviewSetRealEstateToTop:hover
	{
		background-position: 216px 0px;
	}

.PackageOverviewSwapMotivPackageSortNosWithTop
{
	background-image: url(/Layout/Common/Arrows.png);
	background-position: 192px 0px;
	background-repeat: repeat-x;
	height: 24px;
	width: 24px;
}

	.PackageOverviewSwapMotivPackageSortNosWithTop:hover
	{
		background-position: 168px 0px;
	}

.PackageOverviewSwapMotivPackageSortNosWithBottom
{
	background-image: url(/Layout/Common/Arrows.png);
	background-position: 144px 0px;
	background-repeat: repeat-x;
	height: 24px;
	width: 24px;
}

	.PackageOverviewSwapMotivPackageSortNosWithBottom:hover
	{
		background-position: 120px 0px;
	}

.PackageOverviewSetRealEstateToBottom
{
	background-image: url(/Layout/Common/Arrows.png);
	background-position: 96px 0px;
	background-repeat: repeat;
	height: 24px;
	width: 24px;
}

	.PackageOverviewSetRealEstateToBottom:hover
	{
		background-position: 72px 0px;
	}

.PackageOverviewDeleteMotifFromRealEstateOrder
{
	background-image: url(/Layout/Common/Arrows.png);
	background-position: 48px 0px;
	background-repeat: repeat-x;
	height: 24px;
	width: 24px;
}

	.PackageOverviewDeleteMotifFromRealEstateOrder:hover
	{
		background-position: 24px 0px;
	}

.RealEstatePackageOverviewTable .RealEstatePackageOverviewList tbody tr.RealEstatePackageOverviewSuccess
{
	background-color: rgba(60, 255, 96, 0.74);
}

.PackageOverviewRealEstateMotifIsActive
{
	border-left: 7px solid #339966;
	/*
	box-shadow: 1px 0 0 #74DAA7 inset;
	-webkit-box-shadow: 1px 0 0 #74DAA7 inset;
	*/
}

.PackageOverviewRealEstateMotifIsInActive
{
	border-left: 7px solid #ff0000;
	/*
	box-shadow: 1px 0 0 #262626 inset;
	-webkit-box-shadow: 1px 0 0 #262626 inset;
	*/
}

@keyframes animRealEstatePackageOverviewImg
{
	0%
	{
		background-position: 0 0;
	}

	100%
	{
		background-position: 50px 50px;
	}
}
 
/*************************************************************************************************/
/* print styles */
/*************************************************************************************************/
@media print  
{
	/* admin pannel */
	.AdminMode
	{
		display: none !important;
	}
	
	/* banner */
	.WcmsPageThinBannerPZRightPlaceHolder,
	.WcmsPageBannerTop,
	.WcmsPageBannerButton,
	.WcmsPageBannerSkyScraper
	{
		display: none !important;
	}
	
	/* header */
	.RECustomerLinks,
	.NavigationHeader,
	.NavMenu,
	.WcmsFooter
	{
		display: none !important;
	}
	
	/* expose page */
	.REMediaPrint,
	.REShowSearchSimilar
	{
		display: none !important;
	}	 	
	.REShowContractor
	{
		margin-left: 0;
	}		
}

/*************************************************************************************************/
/* Statistic */
/*************************************************************************************************/
.MarketStatisticTable,
.StatisticHeader
{
	margin-left: 30px;
}

/*************************************************************************************************/
/* EstateAgencyStatistic.aspx */
/*************************************************************************************************/
.EstateAgencyReport
{
	border-collapse: collapse;
	margin-top: 15px;
	margin-left: 30px;
}

.EstateAgencyReport,
.EstateAgencyReport tr,
.EstateAgencyReport td
{
	border: 1px solid #aaa;
}

.EstateAgencyReport td
{
	padding: 3px 25px;
	text-align: right;
	height: 35px;
}

.EstateAgencyReport td:first-child
{
	padding: 3px 25px 3px;
	text-align: left;
}

.EstateAgencyReport tr:nth-child(n)
{
	background-color: #fafdff;
}

.EstateAgencyReport tr:nth-child(2n)
{
	background-color: #DCEEFF;
}

.EstateAgencyReportAdditionalDescription
{
	font-size: 0.875em;
	display: inline-block;
	margin: 4px 0;
}

/*************************************************************************************************/
/* RealEstateMarketStatistic.aspx */
/*************************************************************************************************/
.MarktStatisticChart,
.MarktStatisticTable
{
	display: none;
	margin-top: 10px;
	margin-bottom: 20px;
}

.MarktStatisticTable
{
	margin-bottom: 20px;
}

.MarktStatisticTable table
{
	border: 1px solid #aaa;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

.MarktStatisticTable table td
{
	height: 55px;
	border: 1px solid #aaa;
	border-collapse: collapse;
	padding-left: 5px;
	padding-right: 5px;
}

.MarktStatisticTable tr:nth-child(n)
{
	background-color: #fafdff;
}

.MarktStatisticTable tr:nth-child(2n)
{
	background-color: #DCEEFF;
}

.EstateAgencyStatisticCtrl,
.MarketStatisticCtrl
{
	color: White;
	padding: 0 50px 15px;
	background-color: #6699cc;
	display: inline-block;
	margin-left: 30px;
	margin-bottom: 20px;
	width: 100%;
}

.MarketStatisticReportSelection,
.EstateAgencyBPSelection
{
	margin: 10px 0;
}

.MarketStatisticReportSelection > div,
.EstateAgencyBPSelection > div
{
	display: inline-block;	
	padding: 3px;
	margin-right: 15px;
}

.MarketStatisticReportSelection span,
.EstateAgencyBPSelection span
{
	margin-bottom: 5px;
	display: block;
}

.MarktStatisticCityDistrict,
.MarketStatisticDateSelection,
.EstateAgencyDateSelection
{ 
	margin: 10px 0;
}

.MarktStatisticCityDistrict > div,
.MarketStatisticDateSelection > div,
.EstateAgencyDateSelection > div 
{ 	
	float: left;
	margin-right: 15px;
	padding: 3px;
}

.MarktStatisticCityDistrict span,
.MarketStatisticDateSelection span,
.EstateAgencyDateSelection span
{
	margin-bottom: 5px;
	display: block;
}

.MarktStatisticSeperator
{
	display: none;
	border-top: 1px solid #DCEEFF;
	background-color: #f0f8ff;
	width: 100%;	
	margin-left: 30px;
	height: 15px;
	background-size: 5px 5px;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent);	
}
 .PaymentStatus {
	position: relative;
	float: left;
	-moz-min-width: 74%;
	-ms-min-width: 74%;
	-o-min-width: 74%;
	-webkit-min-width: 74%;
	min-width: 74%;
	max-width: 75%;
}

.PaymentStatus hgroup {
	margin-bottom: 5px;
}

.PaymentPosition {
	font-weight: bold;
}

.PaymentInformationOverview {
	list-style: none;
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 10px 5px;
}

.OverviewPosition {
	list-style-image: none;
	margin: 5px 0px;
}

.OverviewPositionError {
	margin: 0px auto;
	width: 33%;
	color: rgb(195,0,0);
}

.PaymentStatusInfoBox {
	position: relative;
	float: left;
	-moz-min-width: 22%;
	-ms-min-width: 22%;
	-o-min-width: 22%;
	-webkit-min-width: 22%;
	min-width: 22%;
	max-width: 22%;
	border: rgb(222,222,222) 0.1em solid;
	margin: 0 0.4em;
	font-size: 0.8em;
	padding: 0.1em 0.3em;
}

.BuyShoppingCartBtn
{
	width: 96%;
	margin: 4% 2% 5% 2%;
}

.PaymentStatusInfoBox input[type=submit], 
.PaymentStatusInfoBox input[type=button]
{
    font-size: 10px;
}

.PaymentStatusInfolist {
	list-style: none;
	margin: 2%;
	padding: 0;
}

.PaymentStatusInfoBoxSummary {
	font-weight: bold;
	padding: 2% 3%;
	color: rgb(195,0,0);
	margin: 0.2em 0em
}

.PaymentMustRead {
	position: relative;
	float: left;
	-ms-min-width: 23%;
	-o-min-width: 23%;
	-webkit-min-width: 23%;
	-moz-min-width: 23%;
	min-width: 23%;
	max-width: 23%;
	font-size: 0.7em;
	margin: 1em 0.5em
} .PicItemShoppingItem {
  margin-bottom: 15px;
  margin-top: 15px; }
  .PicItemShoppingItem figure {
    background-color: #dedede;
    padding: 5px;
    overflow: hidden; }
  .PicItemShoppingItem .img-wrapper {
    position: relative;
    display: block;
    margin: 0px auto;
    padding: 10px 0px;
    height: 150px; }
    .PicItemShoppingItem .img-wrapper img {
      max-width: 100%;
      max-height: 100%;
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .PicItemShoppingItem figcaption {
    padding: 0px 5px; }
  .PicItemShoppingItem label {
    text-align: center;
    font-weight: normal;
    font-size: 0.9em; }
  .PicItemShoppingItem input {
    width: 100%;
    height: 1.5em;
    margin-top: 10px; }
  .PicItemShoppingItem .sale-prevented {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    height: 1.5em;
    margin-top: 10px; }
  .PicItemShoppingItem p.Copyright {
    text-align: center;
    margin: 0px; }
 .PaymentImg {
  margin-right: 10px;
  vertical-align: middle;
  width: 100px; }
 .ShoppingCartContent {
  margin-top: 10px;
  margin-bottom: 20px; }

.ShoppingCartHeader {
  margin-bottom: 5px; }
  .ShoppingCartHeader::after {
    clear: both; }
  .ShoppingCartHeader .LabelQuantity {
    float: right;
    width: 7em;
    text-align: right; }
  .ShoppingCartHeader .LabelPrice {
    float: right; }

.ShoppingCartItem {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #dddddd; }
  .ShoppingCartItem:after {
    clear: both; }

.ShoppingCartItemPrice {
  font-weight: 500;
  text-align: right;
  display: block; }

.ShoppingCartItemQuantity label {
  margin-left: 5px; }

.ShoppingCartItemQuantity input {
  margin-left: 5px;
  width: 40px; }

.ShoppingCartFooter {
  padding: 10px 0 0 0;
  border-top: 1px solid #dddddd; }

.ShoppingCartTotalPrice {
  float: right; }
  .ShoppingCartTotalPrice span {
    font-weight: 500; }
 /** Label for Read-Only-Forms***/
.SubscriptionEditAddressData label.readonly {
  font-weight: normal;
  color: #bbb;
  margin-bottom: -10px; }

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

.margin-top-5,
.radio.margin-top-5 {
  margin-top: 5px; }
 /*Overview on current vacation services*/
.blueHeadline {
  color: #009ee0; }

.InterruptionList {
  border-bottom: solid 1px #ccc; }
 
 
/*Option-Boxes on Abo-Page*/
.SubscriptionNewOption {
  background-color: #eee;
  padding: 3% 10% 10% 10%;
  text-align: center;
  min-height: 250px;
  font-size: 1.5rem;
  margin-bottom: 1em; }

.SubscriptionNewOption a {
  color: #ffffff;
  /*#666;*/ }

.SubscriptionNewOption a:hover {
  color: #ffffff;
  /*#336799;*/ }

.SubscriptionNewOption p {
  min-height: 85px; }

/*headline of articles on a homepage or department-page -> not used for article-headlines on article-pages */
.headline-newsubscription {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #009ee0;
  /*#29292b;*/
  line-height: 1.3;
  margin-top: 5px; }

.headline-newsubscription:hover {
  color: #336799; }

/*order Abo/Anzeige wizard*/
.checkout-step {
  color: #ccc;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #ccc; }

.checkout-step a {
  color: #ccc;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #ccc; }

.checkout-step a:hover {
  color: #336799;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #336799; }

.checkout-step-active {
  color: #336799;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #336799; }

.checkout-step-done {
  color: #336799;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #336799; }

.checkout-step-done a:hover {
  color: #336799;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #336799; }

/*checkout wizard on small screens (xs)*/
.checkout-step-xs {
  color: #ccc;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none none solid;
  border-bottom-width: 2px;
  border-color: #ccc;
  margin-left: 2%; }

.checkout-step-xs a {
  color: #ccc; }

.checkout-step-xs-active {
  color: #336799;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  border-style: none none none solid;
  border-bottom-width: 2px;
  border-color: #336799;
  margin-left: 2%; }

.checkout-step-xs-done {
  color: #336799;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none none solid;
  border-bottom-width: 2px;
  border-color: #336799;
  margin-left: 2%; }

/*** Headlines for each section when read-only ****/
.head-profile {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #336799;
  font-size: 1.125em; }

/*bonus/presents (Prämien)*/
/*list view of presents with some information*/
.bonus label {
  font-weight: 400; }

.bonus {
  border: solid 1px #eee;
  padding: 10px; }

.bonus h5 {
  min-height: 35px; }

.bonus .BonusItemImgContainer {
  min-height: 250px; }

.bonus .bonusDescription {
  min-height: 110px; }

.bonus .price {
  float: right;
  text-align: right;
  font-weight: bold; }

.bonus .extrapayment {
  border-top: 1px solid #ddd; }

/*CF Test disable radio button*/
/*.bonus input[type="radio"] {
    display: none;
}

.bonus input[type="radio"]:checked + label {
    border: 3px groove grey;
 
}*/
/**************************************/
/*subscriptionnewconfirm*/
/*Price Information in Checkout-Table*/
.SubscriptionNewConfirm .product,
.SubscriptionNewFinish .product {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold; }

.SubscriptionNewConfirmDataLine {
  vertical-align: top;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px; }
  .SubscriptionNewConfirmDataLine:last-of-type {
    border-bottom-style: none; }
 /*Headlines for modules (e.g. comments, picture galeries, etc.)*/
.ServiceOptionContainer a:hover,
.ServiceOptionContainer a:focus 
{
  color: #204060;
  text-decoration: none;
}

.ServiceOptionContainer a:hover path,
.ServiceOptionContainer a:focus path
{
   fill:white;
}

/**************Subscription Overview***********************/
/*Options for Vacation Services*/
.ServiceOption{
    background-color: #eee;
    padding: 5%;
    text-align:center;
    min-height:250px;
    margin-top:1.5rem;
}

.ServiceOption:hover{
    background-color:#336799;
    color:#fff;
}

.ServiceOption a{
    color:#666;
}

.ServiceOption a:hover{
    color:#fff;
}


.SubscriptionOption 
{
   background-color:#eee;
   padding: 3% 10% 10% 10%;
   text-align:center;
   min-height:250px;
   font-size:1.5rem;
   margin-bottom:1em;

}

.SubscriptionOption a 
{
   color:#666;
}

.SubscriptionOption a:hover{
    color:#336799;
}

/*Box for quick Abo-infos - fixed height - aligned with advertisement*/
.QuickInfo{
    background-color: #eee;
    padding: 5%;
    min-height:285px;
}
/*Box for quick infos full with and no fixed height*/
.QuickInfoNoAd{
    background-color: #eee;
    padding:1% 3% 1% 3%;
} /*************List without bullets****************/
.NoBullet{
    padding-left:0;
    margin-left:0;
}

.NoBullet li{
    list-style:none;
}  .ConsentPurpuseToConfirm {
  /*************************************************************************************************/
  /* bootstrap-validator */ }
  .ConsentPurpuseToConfirm .form-horizontal .help-block.with-errors ul.list-unstyled li {
    text-align: left;
    padding-left: 20px;
    font-weight: 500; }
 .LoginLinkModule {
  /*margin-bottom: 11.5px;*/ }
  .LoginLinkModule .fi-logout-content:hover {
    cursor: pointer; }
  .LoginLinkModule .fi-logout-content span {
    color: #00ca88; }
  .LoginLinkModule .fi-logout-content path, .LoginLinkModule .fi-logout-content polygon {
    fill: #00ca88; }
  .LoginLinkModule .UserLogout a {
    color: #1e2b46; }
    .LoginLinkModule .UserLogout a .rn-ico {
      color: #d90e44;
      font-size: 20px;
      vertical-align: middle;
      margin-right: 10px; }
  .LoginLinkModule .UserLogout span {
    font-family: "HarrisonSerifPro";
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.83;
    letter-spacing: normal;
    color: #1e2b46;
    vertical-align: top; }
  .LoginLinkModule .HeaderUserNavigation:hover span {
    color: #00ca88; }
  .LoginLinkModule .HeaderUserNavigation:hover path, .LoginLinkModule .HeaderUserNavigation:hover polygon {
    fill: #00ca88; }
  .LoginLinkModule .HeaderUserNavigation.green span {
    color: #00ca88; }
  .LoginLinkModule .HeaderUserNavigation.green path, .LoginLinkModule .HeaderUserNavigation.green polygon {
    fill: #00ca88; }
  @media screen and (max-width: 992px) {
    .LoginLinkModule .HeaderUserNavigation span {
      display: none; } }
  .LoginLinkModule .dropdown-menu {
    width: 250px;
    position: absolute;
    left: unset;
    right: -30px;
    top: 26px;
    height: 100vh;
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    border-radius: 0;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    z-index: 1000;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    padding-top: 0;
    margin-top: 0;
    border-top: 1px solid #dedfd5;
    border-left: 1px solid #dedfd5; }
    .LoginLinkModule .dropdown-menu li {
      border-bottom: 1px solid #dedfd5; }
      .LoginLinkModule .dropdown-menu li a {
        font-family: "HarrisonSerifPro";
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.13;
        letter-spacing: normal;
        color: #1e2b46;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 30px; }
        .LoginLinkModule .dropdown-menu li a:hover {
          color: #1e2b46;
          background-color: #f0f0e9; }
      .LoginLinkModule .dropdown-menu li .WatchListCount {
        color: #1e2b46;
        background-color: #ffe023;
        border-radius: 4px;
        padding: 2px 3px;
        margin-left: 5px;
        vertical-align: top;
        width: 16px;
        height: 16px;
        display: inline-block;
        font-family: "Atlas Grotesk";
        font-size: 9px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center; }

.WcmsHeaderMobileLoginLinkModule .navbar-nav li {
  border-bottom: 1px solid #dedfd5; }
  .WcmsHeaderMobileLoginLinkModule .navbar-nav li a .WatchListCount {
    color: #1e2b46;
    background-color: #ffe023;
    border-radius: 4px;
    padding: 2px 3px;
    margin-left: 5px;
    vertical-align: top;
    width: 16px;
    height: 16px;
    display: inline-block;
    font-family: "Atlas Grotesk";
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center; }
 .LoginModule {
  font-family: 'Atlas Grotesk';
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46; }
  .LoginModule .LoginPrivacyPolicy {
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #8e8e8b;
    margin-top: 40px; }
  .LoginModule .login-remember {
    margin-top: 25px;
    margin-bottom: 25px; }
  .LoginModule .small-font {
    font-size: 10px;
    color: #8e8e8b;
    border-bottom: 1px solid #8e8e8b; }
  .LoginModule .form-group {
    margin-bottom: 20px; }
    .LoginModule .form-group input[name='strUserName'] {
      margin-bottom: 25px; }
  .LoginModule .control-label {
    font-size: 13px;
    line-height: 1.46;
    margin-bottom: 8px;
    text-align: right;
    /*line-height:50px;*/ }
  .LoginModule .form-control {
    max-width: 329px;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #dedfd5; }
  .LoginModule .btn-primary {
    width: 329px;
    max-width: 329px;
    border-radius: 4px;
    background-color: #00ca88; }
  .LoginModule a {
    border-bottom: 1px solid #0e9651;
    position: relative;
    color: #1e2b46;
    text-decoration: none; }
    .LoginModule a:hover {
      text-decoration: none;
      color: #00ca88;
      border-bottom: none; }
  .LoginModule .fi-login-content .headLine,
  .LoginModule .fi-logout-content .headLine {
    font-family: "HarrisonSerifPro";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #1e2b46;
    /*border-bottom: 12px solid #f0f0e9;
            padding-bottom: 23px;*/
    margin-bottom: 24px;
    margin-top: 0px;
    text-transform: none;
    text-align: center; }
  .LoginModule .fi-login-content .LoginInfo,
  .LoginModule .fi-logout-content .LoginInfo {
    margin-top: 30px; }
  .LoginModule .fi-login-content label,
  .LoginModule .fi-logout-content label {
    font-weight: normal; }
  .LoginModule form {
    margin-top: 30px; }
  .LoginModule .fi-logout-content {
    text-align: center; }
    .LoginModule .fi-logout-content .do-logout {
      margin-top: 25px;
      margin-bottom: 25px; }
    .LoginModule .fi-logout-content .bob-info {
      margin-top: 10px;
      margin-bottom: 10px; }
  .LoginModule .login-module-links {
    margin-left: 0px; }
 /*************************************************************************************************/
/* Wcms/User/xxx.aspx */
/*************************************************************************************************/
.UserConfirmEMail {
  background-color: #fff; }

.Wcms .UserEditPage {
  margin-bottom: 70px;
  padding-left: 40px;
  padding-right: 40px; }
  @media screen and (max-width: 768px) {
    .Wcms .UserEditPage {
      margin-left: auto;
      margin-right: auto;
      padding-left: 10px;
      padding-right: 10px; } }
  .Wcms .UserEditPage .panel-title {
    font-family: 'HarrisonSerifPro';
    font-size: 23px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.74;
    letter-spacing: normal;
    color: #1e2b46; }
  .Wcms .UserEditPage .panel {
    border: none; }
  .Wcms .UserEditPage .panel-heading {
    border: none;
    background-color: #fff; }
  .Wcms .UserEditPage .help-block {
    font-family: 'Atlas Grotesk';
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #737373; }
  .Wcms .UserEditPage .WcmsContentHeader h1 {
    font-family: "HarrisonSerifPro";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #1e2b46;
    border-bottom: 12px solid #F0F0E9;
    padding-bottom: 23px;
    margin-top: 54px;
    text-transform: none; }
    @media screen and (max-width: 768px) {
      .Wcms .UserEditPage .WcmsContentHeader h1 {
        font-size: 25px;
        line-height: 1.08;
        margin-top: 25px;
        padding-bottom: 23px; } }
  .Wcms .UserEditPage .edit-section-header {
    font-family: "HarrisonSerifPro";
    font-size: 23px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #1e2b46; }
    @media screen and (max-width: 768px) {
      .Wcms .UserEditPage .edit-section-header {
        font-size: 21px;
        line-height: 1.14; } }
  .Wcms .UserEditPage label {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #8e8e8c;
    text-align: left; }
    .Wcms .UserEditPage label.form-label {
      color: #1e2b46; }
    @media screen and (max-width: 768px) {
      .Wcms .UserEditPage label {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.43; } }
  .Wcms .UserEditPage p, .Wcms .UserEditPage li {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #1e2b46; }
    @media screen and (max-width: 768px) {
      .Wcms .UserEditPage p, .Wcms .UserEditPage li {
        padding-top: 2px;
        font-size: 14px;
        line-height: 1.43; } }
  .Wcms .UserEditPage .btn-primary {
    border: none;
    border-radius: 3px;
    background-color: #00ca88;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center;
    color: #f5f5ef;
    text-transform: uppercase; }
    .Wcms .UserEditPage .btn-primary:hover {
      background-color: #329f7c; }
  .Wcms .UserEditPage .btn-default {
    border-radius: 3px;
    border: solid 1px #dedfd5;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center;
    color: #1e2b46;
    text-transform: uppercase; }
    .Wcms .UserEditPage .btn-default:hover {
      border: solid 1px #1e2b46;
      background-color: transparent; }
    @media screen and (max-width: 768px) {
      .Wcms .UserEditPage .btn-default {
        margin-top: 20px; } }
  .Wcms .UserEditPage .btn-secondary {
    border: none;
    background-color: transparent;
    float: right;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: right;
    color: #1e2b46;
    padding: 0;
    position: relative;
    margin-top: 15px; }
    .Wcms .UserEditPage .btn-secondary :after {
      content: "";
      background: #34ba75;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%; }
    .Wcms .UserEditPage .btn-secondary:hover {
      text-decoration: none;
      color: #00ca88; }
      .Wcms .UserEditPage .btn-secondary:hover::after {
        background: none; }
      .Wcms .UserEditPage .btn-secondary:hover input {
        color: #00ca88; }
    @media screen and (max-width: 768px) {
      .Wcms .UserEditPage .btn-secondary {
        float: none;
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.21; } }
    .Wcms .UserEditPage .btn-secondary input {
      border: none;
      background-color: transparent;
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.31;
      letter-spacing: normal;
      text-align: right;
      color: #1e2b46;
      padding: 0;
      margin-top: -10px;
      margin-bottom: -12px; }
      @media screen and (max-width: 768px) {
        .Wcms .UserEditPage .btn-secondary input {
          font-size: 14px;
          line-height: 1.21; } }
  .Wcms .UserEditPage div.text-danger {
    font-family: "Atlas Grotesk";
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #d90e44; }
  .Wcms .UserEditPage input {
    background-color: transparent;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #1e2b46;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
    border: solid 1px #dedfd5;
    height: 40px;
    /*margin-top: -5px;*/ }
    .Wcms .UserEditPage input.aspNetDisabled {
      border: none;
      margin-top: -4px; }
    .Wcms .UserEditPage input :hover {
      border: solid 1px #8e8e8b; }
    .Wcms .UserEditPage input :focus {
      -webkit-box-shadow: none;
              box-shadow: none;
      border: solid 1px #8e8e8b; }
    .Wcms .UserEditPage input :disabled {
      border: solid 1px #dedfd5;
      color: #dedfd5; }
      .Wcms .UserEditPage input :disabled:hover {
        border: solid 1px #dedfd5; }
    @media screen and (max-width: 768px) {
      .Wcms .UserEditPage input {
        padding-top: 2px;
        font-size: 14px;
        line-height: 1.43; } }
  .Wcms .UserEditPage .UserEditPageTitle {
    margin-top: 26px; }
    @media screen and (max-width: 768px) {
      .Wcms .UserEditPage .UserEditPageTitle {
        margin-top: -2px; } }
  .Wcms .UserEditPage .UserEditPageData {
    margin-top: 14px; }
    .Wcms .UserEditPage .UserEditPageData .form-horizontal .form-group {
      margin-bottom: 0; }
      .Wcms .UserEditPage .UserEditPageData .form-horizontal .form-group.form-input {
        margin-bottom: 20px; }
    .Wcms .UserEditPage .UserEditPageData span.help-block {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #1e2b46;
      margin-bottom: 38px; }
    @media screen and (max-width: 768px) {
      .Wcms .UserEditPage .UserEditPageData {
        margin-top: 8px; } }
  .Wcms .UserEditPage .UserDataDivider {
    width: 100%;
    height: 1px;
    background-color: #dedfd5;
    margin-top: 31px;
    margin-bottom: 25px; }
    @media screen and (max-width: 768px) {
      .Wcms .UserEditPage .UserDataDivider {
        margin-bottom: 19px; } }
  .Wcms .UserEditPage .CropControls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  @media all and (max-width: 480px) {
    .Wcms .UserEditPage .mobile-margin-bottom-10 {
      margin-bottom: 10px; } }
 /*************************************************************************************************/
/* Wcms/User/UserLoginPage.aspx */
/*************************************************************************************************/
.UserLoginPage .headLine {
  font-weight: 200;
  font-size: 2.0em; }
 .UserNavigatorModule {
  background-color: #f5f5ef;
  margin-top: -20px; }
  .UserNavigatorModule .panel,
  .UserNavigatorModule .panel-default,
  .UserNavigatorModule .panel-group {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #f5f5ef;
    margin-bottom: 0; }
    .UserNavigatorModule .panel .panel-heading,
    .UserNavigatorModule .panel-default .panel-heading,
    .UserNavigatorModule .panel-group .panel-heading {
      background-color: transparent;
      border: none; }
      .UserNavigatorModule .panel .panel-heading i,
      .UserNavigatorModule .panel-default .panel-heading i,
      .UserNavigatorModule .panel-group .panel-heading i {
        float: left;
        margin-top: -6px;
        color: #2b6fc4;
        font-size: 25px; }
      .UserNavigatorModule .panel .panel-heading .panel-title,
      .UserNavigatorModule .panel-default .panel-heading .panel-title,
      .UserNavigatorModule .panel-group .panel-heading .panel-title {
        font-family: "Atlas Grotesk";
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.7;
        letter-spacing: 1.4px;
        color: #2b6fc4;
        text-transform: uppercase; }
        .UserNavigatorModule .panel .panel-heading .panel-title a,
        .UserNavigatorModule .panel-default .panel-heading .panel-title a,
        .UserNavigatorModule .panel-group .panel-heading .panel-title a {
          text-decoration: none; }
      .UserNavigatorModule .panel .panel-heading + .panel-collapse > .panel-body,
      .UserNavigatorModule .panel-default .panel-heading + .panel-collapse > .panel-body,
      .UserNavigatorModule .panel-group .panel-heading + .panel-collapse > .panel-body {
        border: none; }
  .UserNavigatorModule .panel-group {
    margin-top: 50px; }
    @media screen and (max-width: 768px) {
      .UserNavigatorModule .panel-group {
        margin-top: 0; } }
  @media screen and (max-width: 768px) {
    .UserNavigatorModule .panel {
      margin-bottom: -20px; } }
  @media screen and (max-width: 768px) {
    .UserNavigatorModule {
      background-color: #f5f5ef;
      padding-left: 0; }
      .UserNavigatorModule .panel .panel-heading i,
      .UserNavigatorModule .panel-default .panel-heading i,
      .UserNavigatorModule .panel-group .panel-heading i {
        margin-top: 1px; }
      .UserNavigatorModule .panel .panel-heading .panel-title,
      .UserNavigatorModule .panel-default .panel-heading .panel-title,
      .UserNavigatorModule .panel-group .panel-heading .panel-title {
        font-size: 11px;
        line-height: 1.55;
        letter-spacing: 1.5px;
        margin-top: 7px; } }
  .UserNavigatorModule ul.nav-left {
    color: #383a3b;
    list-style: none;
    padding-left: 0;
    margin-left: 20px; }
    .UserNavigatorModule ul.nav-left li.nav-head {
      line-height: 3em;
      padding-left: 1em;
      font-size: 1.125em;
      text-transform: uppercase;
      color: #666; }
    .UserNavigatorModule ul.nav-left li {
      line-height: 21px;
      padding-left: 6px;
      background-color: transparent;
      margin-bottom: 10px; }
      @media screen and (max-width: 768px) {
        .UserNavigatorModule ul.nav-left li {
          margin-bottom: 14px; } }
    .UserNavigatorModule ul.nav-left a.nav {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.62;
      letter-spacing: normal;
      color: #1e2b46; }
      @media screen and (max-width: 768px) {
        .UserNavigatorModule ul.nav-left a.nav {
          font-size: 14px;
          font-weight: bold;
          line-height: 1.5;
          letter-spacing: normal; } }
      .UserNavigatorModule ul.nav-left a.nav.active {
        color: #00ca88; }
    .UserNavigatorModule ul.nav-left a.nav:hover {
      text-decoration: none;
      color: #00ca88; }
    .UserNavigatorModule ul.nav-left div.badge {
      margin-left: 2px;
      background-color: #ffe023;
      font-family: "Atlas Grotesk";
      font-size: 11px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 1.2px;
      text-align: center;
      color: #000;
      min-width: 16px;
      height: 16px;
      padding-left: 2px;
      padding-right: 2px;
      padding-top: 0;
      padding-bottom: 0;
      border-radius: 4px; }
 /*************************************************************************************************/
/* Wcms/User/UserPage.aspx */
/*************************************************************************************************/
 /*************************************************************************************************/
/* Wcms/User/Editor/BPConsent.aspx */
/*************************************************************************************************/
.BPConsent {
  /*list of ContentPurpioses*/ }
 /*************************************************************************************************/
/* Wcms/User/Editor/UserEditPaymentData.aspx */
/*************************************************************************************************/
@media screen and (max-width: 992px) {
  .Wcms .UserEditPage.UserEditPaymentData .btn-secondary {
    float: none;
    margin-left: -10px; } }

@media screen and (max-width: 768px) {
  .Wcms .UserEditPage.UserEditPaymentData .btn-secondary {
    float: none;
    margin-left: -10px;
    margin-top: -30px;
    margin-bottom: 25px; } }

.Wcms .UserEditPage.UserEditPaymentData .BC_Delete .btn-default {
  margin-top: 0; }

.UserEditPaymentData #m_wdivPaymentMode,
.UserEditPaymentData #m_wdivBankDetailsData,
.UserEditPaymentData #m_wdivCreditCardData {
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #1e2b46;
  margin-top: 7px;
  margin-bottom: 28px; }

.UserEditPaymentData #m_wrblPaymentMode {
  visibility: hidden; }

.UserEditPaymentData .paymentmoderadiobuttonlist {
  list-style: none;
  padding: 0;
  margin-top: -90px; }
  .UserEditPaymentData .paymentmoderadiobuttonlist .paymentmoderadiobutton {
    position: relative;
    padding-top: 5px; }
    .UserEditPaymentData .paymentmoderadiobuttonlist .paymentmoderadiobutton span {
      margin-left: 22px;
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      color: #1e2b46; }
    .UserEditPaymentData .paymentmoderadiobuttonlist .paymentmoderadiobutton i {
      position: absolute;
      bottom: 3px; }

.UserEditPaymentData .btn-default {
  height: 40px;
  padding-top: 10px; }

.UserEditPaymentData .PaymentMode .radio input[type="radio"] {
  margin-left: 0px;
  margin-top: 7px;
  height: auto; }

.UserEditPaymentData .PaymentMode label.control-label {
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #1e2b46; }

.UserEditPaymentData .PaymentMode label {
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46; }

.UserEditPaymentData .PaymentDataItem {
  margin-bottom: 10px; }
  .UserEditPaymentData .PaymentDataItem .PaymentDataItemData {
    margin-bottom: 10px; }
  @media (min-width: 768px) {
    .UserEditPaymentData .PaymentDataItem .PaymentDataItemAction {
      text-align: right; } }
  .UserEditPaymentData .PaymentDataItem .PaymentDataItemButton {
    display: inline-block;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 10px; }
    .UserEditPaymentData .PaymentDataItem .PaymentDataItemButton .btn-primary {
      padding-top: 11px;
      height: 40px; }
    .UserEditPaymentData .PaymentDataItem .PaymentDataItemButton .btn-default:hover {
      border: solid 1px #1e2b46; }
    @media (min-width: 768px) {
      .UserEditPaymentData .PaymentDataItem .PaymentDataItemButton {
        padding-left: 10px;
        padding-right: 0px; } }
  .UserEditPaymentData .PaymentDataItem .PaymentDataItemDefault {
    font-style: italic; }
 /* css definitions for MotifcustomerProof-Editor*/
#EditUncompletedMotif {
  /*Layout canvas editor scrollbar */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  #EditUncompletedMotif ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  #EditUncompletedMotif ::-webkit-scrollbar-thumb {
    background: #888; }
  #EditUncompletedMotif ::-webkit-scrollbar-thumb:hover {
    background: #555; }
  #EditUncompletedMotif ::-webkit-scrollbar {
    width: 5px; }
  #EditUncompletedMotif .editorlabel {
    text-align: left; }

.MotifCustomerProofEditor {
  overflow-x: auto;
  scrollbar-width: thin;
  /*Canvas*/ }
  .MotifCustomerProofEditor h5 {
    color: #009ee0; }
  .MotifCustomerProofEditor .CanvasEditorToolBar {
    height: 37px;
    width: 100%;
    color: white;
    background-color: #009ee0; }
    .MotifCustomerProofEditor .CanvasEditorToolBar .colorpicker {
      width: 35px; }
    .MotifCustomerProofEditor .CanvasEditorToolBar .icon-textmarker {
      color: #ffff00; }
    .MotifCustomerProofEditor .CanvasEditorToolBar button {
      background-color: #009ee0;
      /*&:hover,
			&:active {
				color: white;
			}*/ }
  .MotifCustomerProofEditor #m_CtrlMotifCustomerProofCanvas {
    border: 1px solid black;
    display: block; }
 /***************************************************************************************/
/*Subscription css */
.Wcms.Subscription .btn-primary {
  color: #fff;
  font-family: "Atlas Grotesk";
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: 1.5px;
  text-align: center; }

.HAIcons span {
  font-size: 2em;
  background-color: #009ee0;
  border-radius: 40px;
  color: #fff;
  padding: 10px; }

.SubscriptionStart {
  color: #000;
  text-align: center;
  background-color: #fff;
  margin-left: -10px;
  margin-right: -10px;
  padding-bottom: 20px; }
  .SubscriptionStart h5 {
    color: #009ee0;
    margin-top: 25px; }
  .SubscriptionStart h4 {
    font-size: 30px;
    font-weight: 700; }
  @media screen and (max-width: 991px) {
    .SubscriptionStart p {
      min-height: 52px; }
    .SubscriptionStart h5 {
      min-height: 40px; } }

.HASubscriptionTitelNav {
  position: absolute;
  bottom: 0;
  padding: 20px; }
  @media screen and (min-width: 720px) {
    .HASubscriptionTitelNav {
      left: 40px; } }
  @media screen and (max-width: 720px) {
    .HASubscriptionTitelNav {
      position: relative; } }
  @media screen and (max-width: 975px) {
    .HASubscriptionTitelNav {
      padding-bottom: 0px; } }
  .HASubscriptionTitelNav .HASubscriptionTitel {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
    margin-bottom: 10px;
    color: #1e2b46;
    max-width: 250px; }
    .HASubscriptionTitelNav .HASubscriptionTitel div {
      font-size: 25px;
      font-weight: 900;
      color: #000; }

.HASubscriptionHeading {
  display: block !important;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 45px;
  color: #000; }

.HASubscriptionSubHeading {
  text-align: center;
  font-size: 14px;
  color: #999;
  font-weight: 100 !important;
  letter-spacing: 3px; }

@media screen and (min-width: 974px) {
  .HASubscriptiondescription {
    position: -webkit-sticky;
    position: sticky;
    top: 0; } }

.HASubscriptiondescription .HABoldBlue {
  color: #009ee0;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 35px; }

.HASubscriptiondescription .HASubscriptionDescriptionList {
  margin-top: 10px; }
  .HASubscriptiondescription .HASubscriptionDescriptionList li {
    list-style: none;
    margin-bottom: 10px; }
    .HASubscriptiondescription .HASubscriptionDescriptionList li span {
      margin-right: 10px; }

.HANextStepHint {
  color: #009ee0; }

/**info*/
.HASubscriptionSmallText {
  display: block;
  font-size: .7em;
  font-style: italic; }

.SubscriptionNewPrint h5.head-profile {
  margin-top: 10px;
  margin-bottom: 11px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  color: #000;
  letter-spacing: -1px; }

/* SubscriptionNewFinish Step 3*/
.SubscriptionNewFinish {
  font-size: 16px;
  font-family: "Atlas Grotesk";
  background-color: #fff;
  margin-left: -10px;
  margin-right: -10px;
  padding-bottom: 20px; }
  .SubscriptionNewFinish h3 {
    margin-top: 20px;
    margin-bottom: 11px;
    font-size: 22px;
    font-weight: 700;
    font-family: "HarrisonSerifPro";
    line-height: 1.1;
    color: #000;
    letter-spacing: -1px; }

/*SubscriptionNewData Step 2*/
.SubscriptionNewData {
  background-color: #fff;
  margin-left: -10px;
  margin-right: -10px; }
  .SubscriptionNewData h3 {
    margin-top: 0;
    margin-bottom: 11px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
    letter-spacing: -1px; }
  .SubscriptionNewData label {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    /*font-weight: 700;*/
    color: #1e2b46;
    line-height: 2;
    margin-bottom: 5px;
    font-size: 16px; }
  .SubscriptionNewData input,
  .SubscriptionNewData textarea,
  .SubscriptionNewData select {
    font-size: 14px; }
  .SubscriptionNewData abbr[title] {
    color: red;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px dotted red; }
  .SubscriptionNewData .checkbox label {
    font-size: .92em;
    font-weight: 400;
    color: #515151;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  .SubscriptionNewData .paymentoptions {
    margin-bottom: 0; }
    .SubscriptionNewData .paymentoptions label {
      line-height: 1.4em; }
  .SubscriptionNewData .HASubscriptionDelivery {
    background: #ebe9eb;
    border-radius: 5px;
    padding: 15px; }
  .SubscriptionNewData .HASubscriptionPaymentBankData {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 1em;
    margin: 1em 0;
    font-size: .92em;
    border-radius: 2px;
    line-height: 1.5;
    background-color: #dfdcde;
    color: #515151; }
  .SubscriptionNewData .HASubscriptionConfirmButton {
    text-align: right; }
    .SubscriptionNewData .HASubscriptionConfirmButton input {
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 3px;
      width: 100%; }
  .SubscriptionNewData .HARadioSelect {
    text-align: center; }
    .SubscriptionNewData .HARadioSelect input {
      display: none; }
    .SubscriptionNewData .HARadioSelect input + label {
      text-align: center;
      font-size: 15px;
      font-weight: normal;
      padding: 30px 0px;
      display: block;
      /*border-radius: 5px;*/
      border: 1px solid #B0AEAC;
      color: #B0AEAC; }
    @media screen and (max-width: 768px) {
      .SubscriptionNewData .HARadioSelect input + label {
        padding: 0; } }
    .SubscriptionNewData .HARadioSelect input:checked + label {
      border-color: #009ee0;
      -webkit-box-shadow: inset 0 0 0 1px #009ee0;
              box-shadow: inset 0 0 0 1px #009ee0;
      color: #009ee0;
      background-color: #fff; }

.HARegisterSubscriber,
.SubscriberAuthentificationn {
  background-color: #fff;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px; }
  .HARegisterSubscriber .WcmsContentHeader h1,
  .SubscriberAuthentificationn .WcmsContentHeader h1 {
    font-family: "HarrisonSerifPro";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #1e2b46;
    border-bottom: 12px solid #F0F0E9;
    padding-bottom: 23px;
    margin-top: 54px;
    text-transform: none; }

/* subscription step 1*/
.SubscriptionNewSelectedEdition {
  background-color: #fff;
  margin-left: -10px;
  margin-right: -10px; }
  .SubscriptionNewSelectedEdition .HASelectHeading {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 22px; }
  .SubscriptionNewSelectedEdition .HARadioSelect {
    text-align: center; }
    .SubscriptionNewSelectedEdition .HARadioSelect input {
      display: none; }
    .SubscriptionNewSelectedEdition .HARadioSelect input + label {
      font-family: "Atlas Grotesk";
      text-align: center;
      font-size: 15px;
      font-weight: 700;
      padding: 13px 30px;
      display: block;
      border-radius: 5px;
      border: 1px solid #B0AEAC;
      color: #B0AEAC; }
    .SubscriptionNewSelectedEdition .HARadioSelect:hover label {
      border-color: #009ee0;
      background-color: #f9f9f9;
      -webkit-transition: border-color 1s,background-color 1s,box-shadow 1s;
      -webkit-transition: border-color 1s,background-color 1s,-webkit-box-shadow 1s;
      transition: border-color 1s,background-color 1s,-webkit-box-shadow 1s;
      -o-transition: border-color 1s,background-color 1s,box-shadow 1s;
      transition: border-color 1s,background-color 1s,box-shadow 1s;
      transition: border-color 1s,background-color 1s,box-shadow 1s,-webkit-box-shadow 1s; }
    .SubscriptionNewSelectedEdition .HARadioSelect input:checked + label {
      border-color: #009ee0;
      -webkit-box-shadow: inset 0 0 0 1px #009ee0;
              box-shadow: inset 0 0 0 1px #009ee0;
      color: #000; }

.bonus {
  border: none;
  padding: 0; }
  .bonus input {
    display: none; }
  .bonus input + label {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding: 13px 30px;
    display: block;
    border-radius: 5px;
    border: 1px solid #B0AEAC;
    color: #B0AEAC; }
  .bonus:hover label {
    border-color: #009ee0;
    background-color: #f9f9f9;
    -webkit-transition: border-color 1s,background-color 1s,box-shadow 1s;
    -webkit-transition: border-color 1s,background-color 1s,-webkit-box-shadow 1s;
    transition: border-color 1s,background-color 1s,-webkit-box-shadow 1s;
    -o-transition: border-color 1s,background-color 1s,box-shadow 1s;
    transition: border-color 1s,background-color 1s,box-shadow 1s;
    transition: border-color 1s,background-color 1s,box-shadow 1s,-webkit-box-shadow 1s; }
  .bonus input:checked + label {
    border-color: #009ee0;
    -webkit-box-shadow: inset 0 0 0 1px #009ee0;
            box-shadow: inset 0 0 0 1px #009ee0;
    color: #000; }
  .bonus .BonusItemImgContainer {
    min-height: unset;
    display: none; }
  .bonus .bonusDescription {
    min-height: unset;
    display: none; }
  .bonus .extrapayment {
    display: none; }

.annotation {
  color: #888;
  font-size: 11px; }

.HASubscriptionOverview {
  background: #f0f0f0 none repeat scroll 0 0;
  margin-top: 30px; }
  .HASubscriptionOverview .headLine {
    color: #1e2b46;
    font-weight: 800; }
  .HASubscriptionOverview h3 {
    margin-top: 0;
    margin-bottom: 11px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
    letter-spacing: -1px; }
  .HASubscriptionOverview .detaillisting div {
    border-bottom: 1px solid #99999a;
    line-height: 1.8;
    margin-left: 10%; }
  .HASubscriptionOverview .detaillisting div:last-of-type {
    border-bottom: none;
    margin-bottom: 30px; }
  .HASubscriptionOverview .detaillisting strong {
    display: inline-block;
    min-width: 90px;
    margin-right: 1.5em; }
  .HASubscriptionOverview .HAAboPrice,
  .HASubscriptionOverview .HABonusPrice {
    color: #009ee0;
    line-height: 26px;
    font-weight: 700;
    text-align: right; }
    .HASubscriptionOverview .HAAboPrice strong,
    .HASubscriptionOverview .HABonusPrice strong {
      color: #000; }
    .HASubscriptionOverview .HAAboPrice small,
    .HASubscriptionOverview .HABonusPrice small {
      color: #1e2b46;
      font-size: 16px; }
  .HASubscriptionOverview .annotation {
    color: #888;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: right; }
  .HASubscriptionOverview input {
    width: 100%;
    letter-spacing: 3px;
    text-transform: uppercase; }
    .HASubscriptionOverview input:disabled {
      background-color: #888; }
  .HASubscriptionOverview input[disabled]:hover {
    cursor: not-allowed; }

.HAOverViewBorder {
  padding: 30px; }

.HAOverviewFinish {
  font-size: 16px;
  padding: 15px; }
  .HAOverviewFinish h3 {
    font-size: 18px; }

.head-profile {
  font-family: "HarrisonSerifPro";
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #1e2b46; }

.SubscriptionOption,
.ServiceOption {
  min-height: 300px;
  border: 1px solid #eee; }
  .SubscriptionOption p,
  .ServiceOption p {
    color: #1e2b46; }
  .SubscriptionOption img,
  .ServiceOption img {
    border-radius: 4px;
    width: 30px;
    height: 30px;
    padding: 3px; }
  .SubscriptionOption:hover,
  .ServiceOption:hover {
    /*background-color:#009ee0;
		transition:background-color ease-in-out 300ms;*/
    background-color: #eee;
    border-color: #009ee0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
    /*img
		{
			background-color:#fff;
			border-radius:4px;
			width:30px;
			height:30px;
			padding:3px;
		}*/ }
    .SubscriptionOption:hover p, .SubscriptionOption:hover h4,
    .ServiceOption:hover p,
    .ServiceOption:hover h4 {
      color: #1e2b46;
      -webkit-transition: color ease-in-out 100ms;
      -o-transition: color ease-in-out 100ms;
      transition: color ease-in-out 100ms; }

.ServiceOptionPic {
  background-color: #eee;
  padding: 5%;
  text-align: center;
  min-height: 250px;
  margin-top: 1.5rem;
  min-height: 300px; }

.SubscriptionConfirmAction {
  background-color: #fff; }

/*Abo verwalten*/
.SubscriptionOverview,
.SubscriptionEditAddressData,
.SubscriptionEditPaymentData,
.SubscriptionEditOverview,
.SubscriptionReclamation,
.SubscriptionInterruptNew,
.SubscriptionInterruption,
.SubscriptionConfirmAction {
  margin-bottom: 70px;
  padding-left: 40px;
  padding-right: 40px; }
  .SubscriptionOverview .headLine,
  .SubscriptionEditAddressData .headLine,
  .SubscriptionEditPaymentData .headLine,
  .SubscriptionEditOverview .headLine,
  .SubscriptionReclamation .headLine,
  .SubscriptionInterruptNew .headLine,
  .SubscriptionInterruption .headLine,
  .SubscriptionConfirmAction .headLine {
    font-family: "HarrisonSerifPro";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #1e2b46;
    border-bottom: 12px solid #F0F0E9;
    padding-bottom: 23px;
    margin-top: 54px;
    text-transform: none; }
  .SubscriptionOverview .btn-secondary,
  .SubscriptionEditAddressData .btn-secondary,
  .SubscriptionEditPaymentData .btn-secondary,
  .SubscriptionEditOverview .btn-secondary,
  .SubscriptionReclamation .btn-secondary,
  .SubscriptionInterruptNew .btn-secondary,
  .SubscriptionInterruption .btn-secondary,
  .SubscriptionConfirmAction .btn-secondary {
    border: none;
    background-color: transparent;
    float: right;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: right;
    color: #1e2b46;
    padding: 0;
    position: relative;
    margin-top: 15px; }
    .SubscriptionOverview .btn-secondary:after,
    .SubscriptionEditAddressData .btn-secondary:after,
    .SubscriptionEditPaymentData .btn-secondary:after,
    .SubscriptionEditOverview .btn-secondary:after,
    .SubscriptionReclamation .btn-secondary:after,
    .SubscriptionInterruptNew .btn-secondary:after,
    .SubscriptionInterruption .btn-secondary:after,
    .SubscriptionConfirmAction .btn-secondary:after {
      content: "";
      background: #34ba75;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%; }
    .SubscriptionOverview .btn-secondary:hover,
    .SubscriptionEditAddressData .btn-secondary:hover,
    .SubscriptionEditPaymentData .btn-secondary:hover,
    .SubscriptionEditOverview .btn-secondary:hover,
    .SubscriptionReclamation .btn-secondary:hover,
    .SubscriptionInterruptNew .btn-secondary:hover,
    .SubscriptionInterruption .btn-secondary:hover,
    .SubscriptionConfirmAction .btn-secondary:hover {
      text-decoration: none;
      color: #00ca88;
      background-color: transparent; }
      .SubscriptionOverview .btn-secondary:hover:after,
      .SubscriptionEditAddressData .btn-secondary:hover:after,
      .SubscriptionEditPaymentData .btn-secondary:hover:after,
      .SubscriptionEditOverview .btn-secondary:hover:after,
      .SubscriptionReclamation .btn-secondary:hover:after,
      .SubscriptionInterruptNew .btn-secondary:hover:after,
      .SubscriptionInterruption .btn-secondary:hover:after,
      .SubscriptionConfirmAction .btn-secondary:hover:after {
        background: none; }
  .SubscriptionOverview label.readonly,
  .SubscriptionEditAddressData label.readonly,
  .SubscriptionEditPaymentData label.readonly,
  .SubscriptionEditOverview label.readonly,
  .SubscriptionReclamation label.readonly,
  .SubscriptionInterruptNew label.readonly,
  .SubscriptionInterruption label.readonly,
  .SubscriptionConfirmAction label.readonly {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #8e8e8c;
    text-align: left; }
  .SubscriptionOverview .form-group,
  .SubscriptionEditAddressData .form-group,
  .SubscriptionEditPaymentData .form-group,
  .SubscriptionEditOverview .form-group,
  .SubscriptionReclamation .form-group,
  .SubscriptionInterruptNew .form-group,
  .SubscriptionInterruption .form-group,
  .SubscriptionConfirmAction .form-group {
    margin-bottom: 0; }
    .SubscriptionOverview .form-group p,
    .SubscriptionEditAddressData .form-group p,
    .SubscriptionEditPaymentData .form-group p,
    .SubscriptionEditOverview .form-group p,
    .SubscriptionReclamation .form-group p,
    .SubscriptionInterruptNew .form-group p,
    .SubscriptionInterruption .form-group p,
    .SubscriptionConfirmAction .form-group p {
      margin: 0; }
    .SubscriptionOverview .form-group input,
    .SubscriptionEditAddressData .form-group input,
    .SubscriptionEditPaymentData .form-group input,
    .SubscriptionEditOverview .form-group input,
    .SubscriptionReclamation .form-group input,
    .SubscriptionInterruptNew .form-group input,
    .SubscriptionInterruption .form-group input,
    .SubscriptionConfirmAction .form-group input {
      margin-bottom: 10px; }
 .pluspunktewrapper {
  display: inline-block; }

.CustTraffectivBannerModule div:not(:empty) {
  border-top: 1px solid #dedfd5;
  padding-top: 15px; }
  @media screen and (max-width: 767px) {
    .CustTraffectivBannerModule div:not(:empty) {
      padding-bottom: 15px; } }

@media screen and (max-width: 767px) {
  #WallpaperBanner .WcmsTopBannerPlaceHolder {
    margin-top: 10px;
    margin-bottom: 10px; } }

#WallpaperBanner .CustTraffectivBannerModule div {
  padding: 0;
  border-top: none; }

.YoutubeIframeHidden {
  visibility: hidden; }

.IFrameModule.ServiceAbo {
  position: relative;
  overflow: hidden;
  padding-top: 75.25%; }
  @media screen and (max-width: 992px) {
    .IFrameModule.ServiceAbo {
      padding-top: 140%; } }
  @media screen and (max-width: 768px) {
    .IFrameModule.ServiceAbo {
      padding-top: 195%; } }
  @media screen and (max-width: 480px) {
    .IFrameModule.ServiceAbo {
      padding-top: 324%; } }
  .IFrameModule.ServiceAbo .resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.ContainerImagePremium {
  width: 100%;
  text-align: center; }
  .ContainerImagePremium img {
    width: 65px; }
    .ContainerImagePremium img.rn-plus-logo {
      margin-top: 40px; }
  .ContainerImagePremium span {
    font-family: "HarrisonSerifPro";
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: center;
    color: #1e2b46;
    margin-top: 20px;
    display: block; }

.ContainerImage {
  width: 100%;
  text-align: center; }
  .ContainerImage img {
    width: 65px; }
    .ContainerImage img.rn-plus-logo {
      margin-top: -25px; }
    .ContainerImage img.rn-bvb-logo {
      margin-top: -25px; }
    .ContainerImage img.rn-podcast {
      width: 53px;
      height: 34px;
      background-color: #2b6fc4;
      margin-top: -25px; }
    .ContainerImage img.rn-restaurantcheck {
      width: 53px;
      height: 34px;
      background-color: #2b6fc4;
      margin-top: -25px; }
    .ContainerImage img.rn-event {
      width: 53px;
      height: 34px;
      background-color: #2b6fc4;
      margin-top: -25px; }
    .ContainerImage img.rn-schwerpunkt {
      width: 53px;
      height: 34px;
      background-color: #2b6fc4;
      margin-top: -25px; }
  .ContainerImage span {
    background-color: #2b6fc4;
    color: #fff;
    padding: 8px 30px;
    position: absolute;
    top: -17px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-transform: uppercase;
    font-family: 'Atlas Grotesk';
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: 1.7px;
    color: #ffffff; }

/*Background depening font colors*/
.bg-gray .headLine {
  color: #1e2b46; }

.bg-gray .swiper-pagination-bullet {
  background-color: #cccccc; }
  .bg-gray .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #000000; }

/*StoryPreview,PicGalleryPreview Background darkblue*/
.bg-darkblue .headLine {
  color: #f5f5ef; }

.bg-darkblue article.StoryPreviewBox .article-heading {
  width: 95%; }
  .bg-darkblue article.StoryPreviewBox .article-heading a {
    color: #f5f5ef; }

.bg-darkblue article.StoryPreviewBox .article-section,
.bg-darkblue article.StoryPreviewBox .article-headline {
  color: #f5f5ef; }
  .bg-darkblue article.StoryPreviewBox .article-section.article-headline-premium,
  .bg-darkblue article.StoryPreviewBox .article-headline.article-headline-premium {
    color: #f5f5ef;
    text-transform: none;
    letter-spacing: 0; }

.bg-darkblue article.StoryPreviewBox .article-meta .article-locality {
  color: #f5f5ef; }

.bg-darkblue article.StoryPreviewBox p {
  color: #f5f5ef; }

.bg-darkblue .VideoPreviewDoc svg.PremiumIcon:not(.PremiumIconHA) path, .bg-darkblue .VideoPreviewDoc svg.PremiumIcon:not(.PremiumIconHA) polygon {
  fill: #009ee0; }

.bg-darkblue .VideoPreviewDoc .VideoPreviewHeadline {
  color: #f5f5ef; }

.bg-darkblue .VideoPreviewDoc a {
  color: #f5f5ef; }
  .bg-darkblue .VideoPreviewDoc a:hover {
    color: #f5f5ef; }
    .bg-darkblue .VideoPreviewDoc a:hover .VideoPreviewHeadline {
      text-decoration: none;
      color: #f5f5ef; }

.bg-darkblue .VideoPreviewDoc span.video-heading {
  color: #f5f5ef; }
  .bg-darkblue .VideoPreviewDoc span.video-heading:hover {
    color: #f5f5ef; }

.bg-darkblue .VideoPreviewDoc .video-meta .video-section {
  color: #f5f5ef; }

.bg-darkblue .PictureGalleryPreviewDoc svg.PremiumIcon:not(.PremiumIconHA) path, .bg-darkblue .PictureGalleryPreviewDoc svg.PremiumIcon:not(.PremiumIconHA) polygon {
  fill: #009ee0; }

.bg-darkblue .PictureGalleryPreviewDoc .PictureGalleryPreviewHeadline {
  color: #f5f5ef; }

.bg-darkblue .PictureGalleryPreviewDoc a {
  color: #f5f5ef; }
  .bg-darkblue .PictureGalleryPreviewDoc a:hover {
    color: #f5f5ef; }
    .bg-darkblue .PictureGalleryPreviewDoc a:hover .PictureGalleryPreviewHeadline {
      text-decoration: none;
      color: #f5f5ef; }

.bg-darkblue .PictureGalleryPreviewDoc span.picgallery-heading {
  color: #f5f5ef; }
  .bg-darkblue .PictureGalleryPreviewDoc span.picgallery-heading:hover {
    color: #f5f5ef; }

.bg-darkblue .PictureGalleryPreviewDoc .picgallery-meta .picgallery-section {
  color: #f5f5ef; }

.bg-darkblue .swiper-pagination-bullet {
  background: #8e8e8b; }

.bg-darkblue .swiper-pagination-bullet-active {
  background: #f5f5ef; }

.col-darkblue .headLine {
  color: #1e2b46; }

.col-darkblue article.StoryPreviewBox .article-section,
.col-darkblue article.StoryPreviewBox .article-headline {
  color: #1e2b46; }
  .col-darkblue article.StoryPreviewBox .article-section.article-headline-premium,
  .col-darkblue article.StoryPreviewBox .article-headline.article-headline-premium {
    color: #1e2b46; }

.NewThemeCount {
  color: #ffed3c;
  margin-top: 15px; }
  .NewThemeCount div {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    text-align: center;
    width: 100%; }
    .NewThemeCount div .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #ffed3c;
      display: inline-block; }
    .NewThemeCount div .tagcount {
      font-family: "Atlas Grotesk";
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.46;
      letter-spacing: normal;
      text-align: center;
      color: #ffed3c;
      display: inline;
      margin-left: 10px; }

#fi-cookieconsent {
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  position: fixed;
  bottom: 0;
  z-index: 10000;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  min-height: 123px; }
  @media screen and (max-width: 540px) {
    #fi-cookieconsent {
      min-height: 210px; } }
  @media screen and (max-width: 420px) {
    #fi-cookieconsent {
      min-height: 280px; } }
  #fi-cookieconsent .text {
    /*display: flex;*/
    color: #000; }
  #fi-cookieconsent a {
    text-decoration: underline;
    white-space: normal;
    padding: 0;
    color: #000; }
  #fi-cookieconsent .fi-cookieconsent-text {
    /*flex: 1;*/
    /*max-height: 140px;*/
    -webkit-transition: height 2s;
    -o-transition: height 2s;
    transition: height 2s;
    max-width: 1016px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #1e2b46;
    margin-top: 20px; }
    #fi-cookieconsent .fi-cookieconsent-text .fi-cookieconsent-left {
      float: left;
      width: 70%; }
      @media screen and (max-width: 768px) {
        #fi-cookieconsent .fi-cookieconsent-text .fi-cookieconsent-left {
          float: none;
          width: 100%; } }
    #fi-cookieconsent .fi-cookieconsent-text .fi-cookieconsent-right {
      float: right;
      width: 30%; }
      @media screen and (max-width: 768px) {
        #fi-cookieconsent .fi-cookieconsent-text .fi-cookieconsent-right {
          float: none;
          width: 100%; } }
    #fi-cookieconsent .fi-cookieconsent-text a {
      text-decoration: none; }
  #fi-cookieconsent .close-cookieconsent-button {
    background-color: white;
    padding: 2px;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 20px;
    min-height: 40px;
    min-width: 194px;
    max-height: 40px;
    max-width: 194px;
    border: solid 1px #dedfd5;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px; }
    @media screen and (max-width: 768px) {
      #fi-cookieconsent .close-cookieconsent-button {
        margin-top: 20px;
        min-width: 227px;
        max-width: 227px; } }
    #fi-cookieconsent .close-cookieconsent-button:hover {
      border: solid 1px #1e2b46;
      cursor: pointer; }
    #fi-cookieconsent .close-cookieconsent-button #close-fi-cookieconsent,
    #fi-cookieconsent .close-cookieconsent-button #deny-fi-cookieconsent {
      background: transparent;
      border: none;
      text-decoration: none;
      font-family: "Atlas Grotesk";
      font-size: 11px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.55;
      letter-spacing: 1.5px;
      text-align: center;
      color: #1e2b46;
      text-transform: uppercase; }

.CustHotTopics > div,
.CustHotSections > div {
  background-color: #fff;
  border-bottom: 1px solid #dedfd5;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px; }

.CustHotTopics .headLine,
.CustHotSections .headLine {
  display: inline-block;
  font-family: "Atlas Grotesk";
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1e2b46;
  text-transform: none;
  margin-top: 0;
  margin-right: 15px; }

.CustHotTopics .hottopics,
.CustHotTopics .hotsections,
.CustHotSections .hottopics,
.CustHotSections .hotsections {
  display: inline-block; }
  .CustHotTopics .hottopics > div,
  .CustHotTopics .hotsections > div,
  .CustHotSections .hottopics > div,
  .CustHotSections .hotsections > div {
    display: inline-block;
    position: relative;
    margin-right: 21px; }
    .CustHotTopics .hottopics > div a,
    .CustHotTopics .hotsections > div a,
    .CustHotSections .hottopics > div a,
    .CustHotSections .hotsections > div a {
      display: inline-block;
      font-family: "Atlas Grotesk";
      font-size: 9px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.89;
      letter-spacing: 1.2px;
      color: #1e2b46;
      text-transform: uppercase;
      margin-right: 2px; }
      .CustHotTopics .hottopics > div a :hover,
      .CustHotTopics .hotsections > div a :hover,
      .CustHotSections .hottopics > div a :hover,
      .CustHotSections .hotsections > div a :hover {
        color: #00ca88;
        text-decoration: none; }
    .CustHotTopics .hottopics > div > div,
    .CustHotTopics .hotsections > div > div,
    .CustHotSections .hottopics > div > div,
    .CustHotSections .hotsections > div > div {
      display: inline-block;
      min-width: 16px;
      min-height: 16px;
      width: 16px;
      height: 16px;
      background-color: #ffe023;
      border-radius: 4px;
      text-align: center; }
      .CustHotTopics .hottopics > div > div div.HotTopicCount,
      .CustHotTopics .hottopics > div > div div.HotSectionCount,
      .CustHotTopics .hotsections > div > div div.HotTopicCount,
      .CustHotTopics .hotsections > div > div div.HotSectionCount,
      .CustHotSections .hottopics > div > div div.HotTopicCount,
      .CustHotSections .hottopics > div > div div.HotSectionCount,
      .CustHotSections .hotsections > div > div div.HotTopicCount,
      .CustHotSections .hotsections > div > div div.HotSectionCount {
        font-family: "Atlas Grotesk";
        font-size: 9px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.89;
        letter-spacing: 1.2px;
        text-align: center;
        color: #1e2b46; }

.CustUpdateTime > div {
  background-color: #c2def5;
  border-bottom: 1px solid #dedfd5;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center; }

.CustUpdateTime .headLine {
  display: inline-block;
  font-family: "HarrisonSerifPro";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1e2b46;
  text-transform: none;
  margin-top: 0;
  margin-right: 15px;
  text-align: center; }

/*Infoscreen layouts*/
body.FullScreen {
  width: 100vw;
  height: 100vh;
  /*spezal for nobrand full screen without background*/ }
  body.FullScreen .Wcms.container {
    width: 100%;
    height: 100vh;
    background: transparent; }
    body.FullScreen .Wcms.container .WcmsPagePlaceholder.margin-top-10 {
      margin-top: 0; }
      body.FullScreen .Wcms.container .WcmsPagePlaceholder.margin-top-10 .WcmsModule {
        padding: 0; }
  body.FullScreen .SwiperStoryBox.FullScreen {
    position: absolute;
    top: 19.06vh;
    height: 66vh;
    padding: 0; }
    body.FullScreen .SwiperStoryBox.FullScreen .article-spacer {
      padding: 0; }
    body.FullScreen .SwiperStoryBox.FullScreen .StoryPreviewBox figure {
      margin-bottom: 0;
      height: 66.5vh; }
      body.FullScreen .SwiperStoryBox.FullScreen .StoryPreviewBox figure img {
        height: 100%; }
    body.FullScreen .SwiperStoryBox.FullScreen .StoryPreviewBox .PictureContainer {
      margin-left: -10px; }
    body.FullScreen .SwiperStoryBox.FullScreen .StoryPreviewBox header {
      margin-top: 20px; }
    body.FullScreen .SwiperStoryBox.FullScreen .StoryPreviewBox svg.PremiumIcon {
      height: 24px; }
    body.FullScreen .SwiperStoryBox.FullScreen .StoryPreviewBox span.article-headline {
      font-size: 30px; }
    body.FullScreen .SwiperStoryBox.FullScreen .StoryPreviewBox h2.article-heading a {
      font-size: 48px; }
    body.FullScreen .SwiperStoryBox.FullScreen .StoryPreviewBox p {
      font-size: 30px; }
    body.FullScreen .SwiperStoryBox.FullScreen .CustSwiperGalleryPreviewContent {
      padding: 0; }
      body.FullScreen .SwiperStoryBox.FullScreen .CustSwiperGalleryPreviewContent .CustSwiperGalleryPreviewHeader.headLine {
        margin: 0; }
  body.FullScreen.PictureNoBranding .SwiperStoryBox.FullScreen {
    top: 0;
    height: 100vh; }
    body.FullScreen.PictureNoBranding .SwiperStoryBox.FullScreen .StoryPreviewBox figure {
      height: 98vh;
      overflow: hidden; }
  body.FullScreen iframe {
    display: none; }
  body.FullScreen .InfoScreenAdImages {
    position: absolute;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh; }
    body.FullScreen .InfoScreenAdImages .ActiveAdImage {
      display: block;
      height: 100vh;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    body.FullScreen .InfoScreenAdImages .DisabledAdImage {
      display: none; }

.CustSwiperGalleryPreviewContent {
  position: relative;
  /*PMODIF JST 2019-01-23 fix swiper storypreview with lazyload*/ }
  .CustSwiperGalleryPreviewContent figure img:not(.lazy-loaded):not(.VideoPreviewImage) {
    height: 0px; }

.CustSwiperGalleryPreviewModuleFullScreenHeader {
  background: url("/Custom/Images/background1024x768.png");
  background-repeat: no-repeat;
  width: 1024px;
  height: 768px;
  width: 100vw;
  height: 100vh;
  -webkit-background-size: 100vw 100vh;
          background-size: 100vw 100vh;
  color: #fff;
  font-size: 10vh;
  line-height: 1; }
  .CustSwiperGalleryPreviewModuleFullScreenHeader div.FullscreenDate {
    float: right;
    font-size: 80%;
    line-height: 8vh;
    text-align: right;
    padding: 0 36px;
    border-left: 4px solid #FFF;
    margin-top: 1.3vh; }
    .CustSwiperGalleryPreviewModuleFullScreenHeader div.FullscreenDate span {
      font-size: 50%;
      display: block; }
  .CustSwiperGalleryPreviewModuleFullScreenHeader div.FullscreenTime {
    float: right;
    font-size: 140%;
    padding-right: 50px; }
  .CustSwiperGalleryPreviewModuleFullScreenHeader.Large {
    background: url("/Custom/Images/background.png");
    background-repeat: no-repeat;
    width: 1920px;
    height: 1080px;
    width: 100vw;
    height: 100vh;
    -webkit-background-size: 100vw 100vh;
            background-size: 100vw 100vh; }
    .CustSwiperGalleryPreviewModuleFullScreenHeader.Large.NoBrand {
      /*background: url('/Custom/Images/background_no_branding.png');*/
      /*background-repeat: no-repeat;*/
      width: 100vw;
      height: 100vh;
      -webkit-background-size: 100vw 100vh;
              background-size: 100vw 100vh; }
  .CustSwiperGalleryPreviewModuleFullScreenHeader.Small {
    background: url("/Custom/Images/background1024x768.png");
    background-repeat: no-repeat;
    width: 1024px;
    height: 768px;
    width: 100vw;
    height: 100vh;
    -webkit-background-size: 100vw 100vh;
            background-size: 100vw 100vh; }

.TimelineModule .TimelineTitle {
  margin-bottom: 25px; }
  .TimelineModule .TimelineTitle span.TimlineTitleDay {
    font-family: "HarrisonSerifPro";
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #1e2b46;
    margin-left: 20px; }
  .TimelineModule .TimelineTitle span.TimlineTitleTime {
    font-family: "HarrisonSerifPro";
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #1e2b46; }

.TimelineModule .TimelineTimeRow {
  margin-bottom: -15px; }
  .TimelineModule .TimelineTimeRow .TimelineDot {
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    border-radius: 8px;
    background-color: #00ca88;
    display: inline-block; }
  .TimelineModule .TimelineTimeRow.TimelineInFuture .TimelineDot {
    background-color: #1e2b46; }
  .TimelineModule .TimelineTimeRow .TimelineTime {
    margin-left: 18px;
    display: inline-block;
    font-family: "HarrisonSerifPro";
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #1e2b46; }
  .TimelineModule .TimelineTimeRow > div:first-of-type {
    margin-top: -15px; }

.TimelineModule .TimelineArticleRow {
  margin-left: -2px;
  border-left: 1px solid #00ca88;
  padding-bottom: 25px;
  padding-top: 25px; }
  .TimelineModule .TimelineArticleRow.TimelineInFuture {
    border-left: 1px solid #1e2b46; }
    .TimelineModule .TimelineArticleRow.TimelineInFuture article.StoryPreviewBox span.article-headline,
    .TimelineModule .TimelineArticleRow.TimelineInFuture article.StoryPreviewBox h2.article-heading,
    .TimelineModule .TimelineArticleRow.TimelineInFuture article.StoryPreviewBox p,
    .TimelineModule .TimelineArticleRow.TimelineInFuture article.StoryPreviewBox .article-meta .article-locality,
    .TimelineModule .TimelineArticleRow.TimelineInFuture article.StoryPreviewBox .article-meta .article-pubdate,
    .TimelineModule .TimelineArticleRow.TimelineInFuture article.StoryPreviewBox .article-meta .readingtime {
      color: rgba(30, 43, 70, 0.55); }
    .TimelineModule .TimelineArticleRow.TimelineInFuture article.StoryPreviewBox .article-meta span:nth-of-type(2) {
      display: none; }
    .TimelineModule .TimelineArticleRow.TimelineInFuture article.StoryPreviewBox .article-meta .article-pubdate {
      display: none; }
    .TimelineModule .TimelineArticleRow.TimelineInFuture article.StoryPreviewBox .article-meta .readingtime {
      display: none; }
  .TimelineModule .TimelineArticleRow:last-of-type {
    border-left: none; }
  .TimelineModule .TimelineArticleRow.TimelineXLTeaser div.TimelineArticleCol {
    margin-left: 25px;
    margin-top: 25px;
    margin-bottom: 25px; }
  .TimelineModule .TimelineArticleRow.TimelineMTeaser div.TimelineArticleCol {
    margin-left: 15px;
    margin-bottom: 25px; }
  .TimelineModule .TimelineArticleRow.TimelineMTeaser .article-border-bottom {
    margin-top: 20px;
    margin-bottom: 0; }

.CustCityModule {
  position: relative; }
  .CustCityModule .headLine {
    height: 50px;
    background-color: #2a9ee0;
    color: #fff;
    font-family: "Atlas Grotesk";
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 18px;
    padding-right: 18px;
    text-transform: none;
    text-align: left; }
    .CustCityModule .headLine.cityselected {
      font-family: "HarrisonSerifPro";
      font-size: 21px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.05;
      letter-spacing: normal;
      color: #c2def5; }
    .CustCityModule .headLine i {
      float: right;
      font-size: 25px;
      color: #fff; }
  .CustCityModule .CustCitySlogan {
    background-color: #fff;
    font-family: "HarrisonSerifPro";
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    color: #1e2b46; }
    .CustCityModule .CustCitySlogan div {
      width: 236px;
      padding-top: 50px;
      padding-bottom: 100px;
      margin-left: auto;
      margin-right: auto; }
      .CustCityModule .CustCitySlogan div span {
        font-weight: bold;
        font-style: italic; }
  .CustCityModule .CustCities {
    z-index: 100;
    position: absolute;
    top: 75px;
    width: 100%;
    z-index: 100; }
    .CustCityModule .CustCities .CustCityRow {
      margin-left: 0;
      margin-right: 0;
      border-bottom: 1px solid #d6d6d0; }
      .CustCityModule .CustCities .CustCityRow .CustCity {
        height: 50px;
        background-color: #fff;
        color: #1e2b46;
        padding: 16px;
        font-family: "HarrisonSerifPro";
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: normal;
        position: relative; }
        .CustCityModule .CustCities .CustCityRow .CustCity.CustCitySelected {
          background-color: #fafaf5;
          color: #00ca88; }
      .CustCityModule .CustCities .CustCityRow .CustCity:nth-of-type(1) {
        border-right: 1px solid #d6d6d0; }
    .CustCityModule .CustCities .CustCityRow:last-of-type {
      border-bottom: none; }

.CustNewsfeedShowModule .nav-tabs > li.active > a, .CustNewsfeedShowModule .nav-tabs > li.active > a:focus, .CustNewsfeedShowModule .nav-tabs > li > a:hover {
  color: #fff;
  cursor: default;
  background-color: #1e2b46;
  border: 1px solid transparent;
  border-bottom-color: transparent; }

.CustNewsfeedShowModule .link-button {
  width: 170px; }

.CustNewsfeedShowModule .iconImage {
  margin: 0;
  max-width: 75px;
  max-height: 15px; }

.CustNewsfeedShowModule nav-tabs {
  width: 100%; }

.CustNewsfeedShowModule .tablist-entry a {
  padding: 5px;
  width: 200px; }

.CustNewsfeedShowModule .tabName {
  display: inline-block;
  margin: 0;
  padding: 0;
  padding-left: 10px; }

@media only screen and (max-width: 767px) {
  .CustNewsfeedShowModule .link-button {
    width: 150px;
    padding: 0px;
    height: 55px; }
  .CustNewsfeedShowModule .iconImage {
    margin: 0;
    max-width: 75px;
    max-height: 15px;
    display: none; }
  .CustNewsfeedShowModule .tablist-entry {
    width: 150px;
    height: 30px;
    margin-top: 1px;
    margin-bottom: 1px; }
    .CustNewsfeedShowModule .tablist-entry a {
      padding: 5px;
      width: 100%;
      margin: auto; }
  .CustNewsfeedShowModule .tabName {
    display: inline-block;
    margin: 0;
    padding: 0; } }

@media only screen and (max-width: 480px) {
  .CustNewsfeedShowModule .link-button {
    width: 100%;
    padding: 0px;
    height: 40px; }
  .CustNewsfeedShowModule .iconImage {
    display: none; }
  .CustNewsfeedShowModule .tablist-entry {
    width: 99%;
    height: 30px;
    margin-top: 1px;
    margin-bottom: 1px; }
    .CustNewsfeedShowModule .tablist-entry a {
      padding: 5px;
      width: 90%;
      margin: auto; }
  .CustNewsfeedShowModule .tabName {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-left: 10px; } }
 .RegisterExternalLogin {
  font-family: 'Atlas Grotesk';
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46;
  padding-left: 15px;
  padding-right: 15px; }
  .RegisterExternalLogin .form-control {
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: solid 1px #dedfd5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

.PictureGalleryShowJavascriptModule > .WcmsModule {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3); }

.UserLoginPage {
  max-width: 675px;
  margin-left: auto;
  margin-right: auto; }

#UpdateUserDataOverlay {
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  width: 100%;
  height: 100%; }
  @media screen and (min-width: 768px) {
    #UpdateUserDataOverlay .UpdateAccountModule {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      position: relative;
      width: 75%; } }
  @media screen and (min-width: 996px) {
    #UpdateUserDataOverlay .UpdateAccountModule {
      top: 50%;
      left: 50%;
      width: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      position: relative; } }

.UpdateAccountModule {
  font-family: 'Atlas Grotesk';
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46;
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 20px 0px;
          box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 20px 0px;
  /*.LoginPrivacyPolicy
    {
        font-size: 12px;
        line-height: 1.25;
        text-align: center;
        color: #8e8e8b;
        margin-top: 40px;
    }*/ }
  .UpdateAccountModule .UpdateSuccess {
    text-align: center; }
  .UpdateAccountModule #SubmitUpdateUserData {
    cursor: pointer; }
  .UpdateAccountModule .headLine {
    font-family: "HarrisonSerifPro";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #1e2b46;
    margin-bottom: 24px;
    margin-top: 0;
    text-transform: none;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .UpdateAccountModule .headLine {
        padding: 15px; } }
  .UpdateAccountModule .control-label {
    font-size: 13px;
    line-height: 1.46;
    margin-bottom: 8px;
    font-weight: normal; }
  .UpdateAccountModule .form-control {
    max-width: 329px;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #dedfd5;
    margin-bottom: 25px; }

.SocialLogin span {
  width: 190px;
  height: 40px;
  border-radius: 3px;
  border: solid 1px #dedfd5;
  font-family: "Atlas Grotesk";
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: 1.5px;
  text-align: center;
  color: #1e2b46;
  text-transform: uppercase;
  padding-top: 10px;
  margin-bottom: 10px;
  position: relative;
  float: left;
  margin-right: 8px;
  /*margin-left:auto;
			margin-right:auto;*/ }
  @media screen and (max-width: 767px) {
    .SocialLogin span {
      width: 100%; } }
  .SocialLogin span :hover {
    border: solid 1px #1e2b46; }
  .SocialLogin span img {
    position: absolute;
    bottom: 6px;
    left: 10px; }

.SocialLogin:last-of-type div {
  margin-bottom: 26px; }

.PaywallContent {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3); }

.RegisterSuccessHint,
.PaymentFailedHint,
.PaymentSuccessHint {
  padding: 10px;
  font-family: "Atlas Grotesk";
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #009ee0;
  background-color: #f5f5ef;
  width: 100%; }
  @media screen and (max-width: 469px) {
    .RegisterSuccessHint div,
    .PaymentFailedHint div,
    .PaymentSuccessHint div {
      max-width: 175px;
      margin-left: auto;
      margin-right: auto; } }

.PaymentSuccessHint {
  color: #00ca88; }

.PaymentFailedHint {
  color: #d90e44; }

.RegisterError {
  font-family: "Atlas Grotesk";
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #d90e44;
  margin-top: 8px; }

.RegisterFinish {
  font-family: "Atlas Grotesk";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #1e2b46;
  margin-bottom: 100px; }
  .RegisterFinish p {
    margin-top: 10px;
    display: block;
    text-align: center; }

.PaywallGradient {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0); }

.RegisterModule {
  font-family: "Atlas Grotesk";
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  margin-bottom: 28px;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 644px;
  margin-left: auto;
  margin-right: auto; }
  .RegisterModule .WcmsContainer {
    background-color: transparent !important; }
  @media screen and (max-width: 768px) {
    .RegisterModule {
      font-size: 14px;
      line-height: 1.43; } }
  .RegisterModule h3 {
    font-family: "HarrisonSerifPro";
    font-size: 19px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46;
    margin-bottom: 26px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none; }
    @media screen and (max-width: 480px) {
      .RegisterModule h3 {
        margin-bottom: 26px;
        margin-top: 30px;
        font-size: 18px;
        line-height: 1.22; } }
  .RegisterModule .PremiumIcon {
    height: 28px; }
  .RegisterModule .SocialLogin div {
    width: 312px;
    height: 40px;
    border-radius: 4px;
    border: solid 1px #dedfd5;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center;
    color: #1e2b46;
    text-transform: uppercase;
    padding-top: 10px;
    margin-bottom: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    .RegisterModule .SocialLogin div :hover {
      border: solid 1px #1e2b46; }
    .RegisterModule .SocialLogin div img {
      position: absolute;
      bottom: 6px;
      left: 10px; }
  .RegisterModule .SocialLogin:last-of-type div {
    margin-bottom: 26px; }
  .RegisterModule div.InfoText {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #1e2b46;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px; }
    .RegisterModule div.InfoText.Paywall {
      text-align: center; }
  .RegisterModule div.InfoTextSmall {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #1e2b46;
    margin-left: auto;
    margin-right: auto;
    width: 312px; }
  .RegisterModule ul {
    padding-left: 0;
    width: 312px;
    margin-left: auto;
    margin-right: auto; }
    .RegisterModule ul li {
      list-style: none;
      margin-bottom: 6px; }
      .RegisterModule ul li i {
        margin-top: 6px;
        font-size: 12px; }
  .RegisterModule .PriceInfoBox {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px; }
    .RegisterModule .PriceInfoBox p {
      margin-top: 13px; }
  .RegisterModule .price-info {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.22;
    letter-spacing: normal; }
  .RegisterModule .price-info2 {
    font-size: 18px;
    line-height: 1.22;
    letter-spacing: normal;
    color: #8e8e8b;
    text-decoration: line-through;
    margin-left: 10px; }
  .RegisterModule .info-small {
    font-size: 9px;
    font-weight: normal; }
  .RegisterModule .RegisterForm input[type=email] {
    height: 40px;
    border-radius: 4px;
    border: solid 1px #dedfd5;
    width: 312px;
    padding-left: 15px;
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    /*color: #dedfd5;*/
    padding-top: 4px;
    margin-top: 17px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    caret-color: #00ca88;
    /*&:valid
			{
				border: solid 1px #1e2b46;
				outline-color: #1e2b46;
				color: #1e2b46;
			}*/ }
    @media screen and (max-width: 768px) {
      .RegisterModule .RegisterForm input[type=email] {
        height: 50px;
        font-size: 14px;
        line-height: 1.43; } }
    .RegisterModule .RegisterForm input[type=email]::-webkit-input-placeholder {
      color: #8e8e8b;
      opacity: 1;
      /* Firefox */ }
    .RegisterModule .RegisterForm input[type=email]::-moz-placeholder {
      color: #8e8e8b;
      opacity: 1;
      /* Firefox */ }
    .RegisterModule .RegisterForm input[type=email]::placeholder {
      color: #8e8e8b;
      opacity: 1;
      /* Firefox */ }
    .RegisterModule .RegisterForm input[type=email] :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #8e8e8b; }
    .RegisterModule .RegisterForm input[type=email] ::-ms-input-placeholder {
      /* Microsoft Edge */
      color: #8e8e8b; }
    .RegisterModule .RegisterForm input[type=email]:focus:valid {
      border: solid 1px #8e8e8b;
      outline-color: #8e8e8b;
      color: #1e2b46; }
    .RegisterModule .RegisterForm input[type=email]:invalid {
      border: solid 1px #dedfd5;
      outline-color: #dedfd5; }
    .RegisterModule .RegisterForm input[type=email]:hover {
      border: solid 1px #8e8e8b;
      outline-color: #8e8e8b;
      color: #101010; }
  .RegisterModule .RegisterForm input[type=submit] {
    height: 40px;
    border-radius: 4px;
    background-color: #00ca88;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center;
    color: #f5f5ef;
    border: none;
    width: 312px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    padding-top: 4px;
    display: block; }
    @media screen and (max-width: 768px) {
      .RegisterModule .RegisterForm input[type=submit] {
        height: 50px; } }
    .RegisterModule .RegisterForm input[type=submit]:hover {
      background-color: #329f7c; }
  .RegisterModule .RegisterForm input[type=submit][disabled=disabled] {
    background-color: #f5f5ef;
    color: #dedfd5; }
  .RegisterModule .RegisterForm p {
    font-family: "Atlas Grotesk";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #8e8e8b;
    margin-bottom: 30px;
    width: 312px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px; }
    @media screen and (max-width: 480px) {
      .RegisterModule .RegisterForm p {
        margin-bottom: 30px;
        margin-top: 20px; } }
  .RegisterModule .LoginLink {
    font-family: "Atlas Grotesk";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46;
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .RegisterModule .LoginLink {
        font-size: 14px;
        line-height: 1.43; } }
    .RegisterModule .LoginLink a {
      color: #1e2b46;
      position: relative;
      font-weight: bold; }
      .RegisterModule .LoginLink a::after {
        content: "";
        background: #00ca88;
        position: absolute;
        bottom: -8px;
        left: 0;
        height: 1px;
        width: 100%;
        margin-bottom: 6px; }
      .RegisterModule .LoginLink a:hover {
        text-decoration: none;
        color: #00ca88; }
        .RegisterModule .LoginLink a:hover::after {
          background: none; }

.ProduktOfferPage .RegisterModule,
.RegisterModule.ProduktOfferPage {
  max-width: 720px;
  /*PMODIF JST 2018-12-7 changed from 644*/ }
  .ProduktOfferPage .RegisterModule h3,
  .RegisterModule.ProduktOfferPage h3 {
    font-family: "HarrisonSerifPro";
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46;
    margin-bottom: 42px; }
    @media screen and (max-width: 768px) {
      .ProduktOfferPage .RegisterModule h3,
      .RegisterModule.ProduktOfferPage h3 {
        font-size: 25px;
        line-height: 1.08;
        margin-top: 30px;
        margin-bottom: 30px; } }
  .ProduktOfferPage .RegisterModule .RegisterForm .form-group,
  .ProduktOfferPage .RegisterModule .RegisterForm.form-group,
  .RegisterModule.ProduktOfferPage .RegisterForm .form-group,
  .RegisterModule.ProduktOfferPage .RegisterForm.form-group {
    max-width: 312px;
    margin-left: auto;
    margin-right: auto; }
  @media screen and (max-width: 992px) {
    .ProduktOfferPage .RegisterModule .OrderButton,
    .RegisterModule.ProduktOfferPage .OrderButton {
      font-size: 12px; } }
  .ProduktOfferPage .RegisterModule .SocialLogin,
  .RegisterModule.ProduktOfferPage .SocialLogin {
    /*display: none;*/ }
    .ProduktOfferPage .RegisterModule .SocialLogin div,
    .RegisterModule.ProduktOfferPage .SocialLogin div {
      background-color: #fff; }
      @media screen and (max-width: 992px) {
        .ProduktOfferPage .RegisterModule .SocialLogin div,
        .RegisterModule.ProduktOfferPage .SocialLogin div {
          font-size: 12px; } }
  .ProduktOfferPage .RegisterModule div.InfoText,
  .RegisterModule.ProduktOfferPage div.InfoText {
    display: none; }
  @media screen and (max-width: 992px) {
    .ProduktOfferPage .RegisterModule input[type="submit"],
    .RegisterModule.ProduktOfferPage input[type="submit"] {
      font-size: 12px; } }

.ProduktOfferPage {
  font-family: "Atlas Grotesk";
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #1e2b46; }
  .ProduktOfferPage .IntroFrameBox {
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .ProduktOfferPage .IntroFrameBox .IntroFrameImage {
      height: 210px; }
      .ProduktOfferPage .IntroFrameBox .IntroFrameImage img {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
             -o-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
      @media screen and (max-width: 768px) {
        .ProduktOfferPage .IntroFrameBox .IntroFrameImage {
          height: 180px; }
          .ProduktOfferPage .IntroFrameBox .IntroFrameImage img {
            width: 90%; } }
      @media screen and (max-width: 480px) {
        .ProduktOfferPage .IntroFrameBox .IntroFrameImage {
          height: 80px; }
          .ProduktOfferPage .IntroFrameBox .IntroFrameImage img {
            width: 90%; } }
  .ProduktOfferPage .FrameBox,
  .ProduktOfferPage .FrameBoxImage {
    padding-top: 40px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 30px; }
    @media screen and (max-width: 768px) {
      .ProduktOfferPage .FrameBox.left,
      .ProduktOfferPage .FrameBoxImage.left {
        padding-bottom: 20px; }
      .ProduktOfferPage .FrameBox.right,
      .ProduktOfferPage .FrameBoxImage.right {
        padding-top: 20px; } }
  .ProduktOfferPage .FrameDivider {
    background-color: #dedfd5;
    height: 1px;
    max-width: 810px;
    margin-left: auto;
    margin-right: auto; }
  .ProduktOfferPage .brand-line {
    max-width: 810px;
    margin-left: auto;
    margin-right: auto; }
  .ProduktOfferPage .link-green {
    font-weight: bold;
    color: #1e2b46; }
  .ProduktOfferPage #m_wctrlTriggerButton {
    margin-bottom: 12px; }
    @media screen and (max-width: 992px) {
      .ProduktOfferPage #m_wctrlTriggerButton {
        font-size: 12px; } }
  .ProduktOfferPage h1 {
    font-family: "HarrisonSerifPro";
    font-size: 23px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #1e2b46;
    margin-bottom: 30px;
    margin-top: 10px; }
    .ProduktOfferPage h1.alignedcenter {
      text-align: center; }
  .ProduktOfferPage h2 {
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: left;
    color: #1e2b46;
    text-transform: uppercase; }
  .ProduktOfferPage ul {
    padding: 0;
    list-style: none; }
    .ProduktOfferPage ul.alignedcenter {
      width: 350px;
      margin-left: auto;
      margin-right: auto; }
    .ProduktOfferPage ul li {
      display: table;
      margin-bottom: 10px; }
      .ProduktOfferPage ul li div:first-of-type {
        display: table-cell;
        padding-right: 15px; }

.spinner.small div {
  height: 8px;
  width: 8px; }

.spinner > div {
  width: 10px;
  height: 10px;
  background-color: #009ee0;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
     animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
     animation-delay: -0.32s; }

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
     animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@-o-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -o-transform: scale(0);
       transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -o-transform: scale(0);
       transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1); } }
 .AppBackButton {
  position: absolute;
  left: -7px;
  top: 11px;
  cursor: pointer; }
  .AppBackButton .rn-ico {
    font-size: 36px; }

@media screen and (max-width: 767px) {
  .border-bottom-white .article-meta {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px; } }

.img-responsive.lazy:not(.lazy-loaded) {
  height: 150px; }

/* PMODIF TS 2018-06-21 special handling for columns */
@media screen and (min-width: 768px) {
  .col-sm-cust-45 {
    width: 37.5%;
    padding-left: 15px;
    padding-right: 10px;
    float: left;
    position: relative;
    min-height: 1px; }
  .col-sm-cust-75 {
    width: 62.5%;
    padding-left: 10px;
    padding-right: 15px;
    float: left;
    position: relative;
    min-height: 1px; }
  .TwoColumnsLeft {
    padding-left: 20px;
    padding-bottom: 40px; }
  .TwoColumnsRight {
    padding-right: 20px;
    padding-left: 40px; } }

@media screen and (max-width: 992px) {
  .TwoColumnsLeft {
    padding-right: 20px; }
  .TwoColumnsRight {
    padding-left: 20px;
    padding-bottom: 40px; } }

@media screen and (max-width: 768px) {
  .TwoColumnsLeft {
    padding-right: 10px;
    /*.article-medium
		{
			&:not(.bg-gray)
			{
				@media screen and (max-width:768px)
				{
					padding-left: 10px;
					padding-right: 10px;
				}
			}
		}*/ }
    .TwoColumnsLeft .article-large.article-premium .PictureContainer {
      margin-left: -10px;
      margin-right: -10px; }
    .TwoColumnsLeft .article-large.article-premium header,
    .TwoColumnsLeft .article-large.article-premium .article-meta, .TwoColumnsLeft .article-large.article-premium p {
      padding-left: 10px;
      padding-right: 10px; }
    .TwoColumnsLeft .article-large:not(.article-premium) {
      padding-left: 10px;
      padding-right: 10px; }
  .TwoColumnsRight:not(.bg-gray) {
    padding-left: 10px;
    padding-right: 10px; } }

@media screen and (max-width: 768px) and (max-width: 768px) {
  .TwoColumnsRight .article-tickerservice {
    padding-left: 10px;
    padding-right: 10px; } }

.CardLayout .TwoColumnsLeft,
.CardLayout .TwoColumnsRight {
  padding: 0 10px 0 10px; }
  .CardLayout .TwoColumnsLeft .WcmsModule,
  .CardLayout .TwoColumnsRight .WcmsModule {
    padding: 0; }

.NavPageOverlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  bottom: 0;
  opacity: 0.25;
  background-color: #000000;
  height: 100%; }

.PageOverviewTitle {
  font-family: "HarrisonSerifPro";
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .PageOverviewTitle {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 25px; } }

a:hover {
  text-decoration: none !important; }

body {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important; }

@media screen and (max-width: 768px) {
  .WcmsSkycraperBannerPlaceHolder {
    display: none; } }

p, h1, h2, h3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /*-ms-word-break: break-all;*/
  word-break: break-word;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.font-harrison {
  font-family: "HarrisonSerifPro"; }

.font-atlas {
  font-family: "Atlas Grotesk"; }

a.link-button,
input.link-button {
  height: 40px;
  border-radius: 4px;
  background-color: #00ca88;
  font-family: "Atlas Grotesk";
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: 1.5px;
  text-align: center;
  color: #f5f5ef;
  border: none;
  width: 100%;
  text-transform: uppercase;
  padding: 10px 30px;
  /*blue button*/
  /*darkblue button*/ }
  a.link-button:hover,
  input.link-button:hover {
    background-color: #329f7c;
    text-decoration: none;
    cursor: pointer; }
  a.link-button:focus,
  input.link-button:focus {
    outline-color: #329f7c; }
  @media screen and (max-width: 768px) {
    a.link-button,
    input.link-button {
      height: 50px; } }
  a.link-button.blue,
  input.link-button.blue {
    background-color: #009ee0;
    border: solid 1px #009ee0; }
    a.link-button.blue:hover,
    input.link-button.blue:hover {
      border: solid 1px #2b6fc4; }
    a.link-button.blue:focus,
    input.link-button.blue:focus {
      border: solid 1px #2b6fc4; }
  a.link-button.darkblue,
  input.link-button.darkblue {
    background-color: #1e2b46;
    border: solid 1px #4b556b; }
    a.link-button.darkblue:hover,
    input.link-button.darkblue:hover {
      border: solid 1px #f5f5ef; }
    a.link-button.darkblue:focus,
    input.link-button.darkblue:focus {
      border: solid 1px #f5f5ef; }
  a.link-button.whitedark,
  input.link-button.whitedark {
    background-color: #fff;
    border: 1px solid #dedfd5;
    color: #1e2b46; }
    a.link-button.whitedark:hover,
    input.link-button.whitedark:hover {
      border: solid 1px #1e2b46; }
    a.link-button.whitedark:focus,
    input.link-button.whitedark:focus {
      border: solid 1px #1e2b46; }
  a.link-button.whitegreen,
  input.link-button.whitegreen {
    background-color: #fff;
    border: 1px solid #00ca88;
    color: #1e2b46; }
    a.link-button.whitegreen:hover,
    input.link-button.whitegreen:hover {
      border: solid 1px #0e9651; }
    a.link-button.whitegreen:focus,
    input.link-button.whitegreen:focus {
      border: solid 1px #0e9651; }

a.link-green {
  position: relative;
  color: #1e2b46;
  /*PMODIF JST 2018-08-17 changed to new version mobile fix if link is with linebreak*/
  /*background-image: linear-gradient(to bottom, #00ca88 33%, transparent 33%, transparent 66%, #00ca88 66%, #00ca88);
	background-position: 0 1.2em;
	background-repeat: repeat-x;
	background-size: 1px 2px;*/
  border-bottom: 1px solid #0e9651; }
  a.link-green:hover {
    text-decoration: none;
    color: #00ca88;
    border-bottom: none; }
  a.link-green:visited {
    text-decoration: none;
    color: #00ca88;
    border-bottom: none; }
  @media screen and (max-width: 768px) {
    a.link-green {
      height: 50px; } }

a.link-gray {
  position: relative;
  color: #8e8e8b;
  border-bottom: 1px solid #8e8e8b; }
  a.link-gray:hover {
    text-decoration: none;
    color: #00ca88;
    border-bottom: none; }
  @media screen and (max-width: 768px) {
    a.link-gray {
      height: 50px; } }

.container-page {
  max-width: 1016px !important;
  margin-left: auto;
  margin-right: auto;
  /*PMODIF JST 2018-11-13 removed padding*/
  /*PMODIF JST 2019-03-04 added again with 10px mobile only*/ }
  @media screen and (max-width: 480px) {
    .container-page {
      padding-left: 10px;
      padding-right: 10px; } }

.container-inner {
  max-width: 644px !important;
  margin-left: auto;
  margin-right: auto; }

.container-inner-small {
  max-width: 477px !important;
  margin-left: auto;
  margin-right: auto; }

.container-medium {
  max-width: 810px !important;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 768px) {
  .service-box {
    margin: 10px 10px; } }

@media screen and (max-width: 768px) {
  .service-box {
    padding-left: 10px;
    padding-right: 10px; } }

.small-container {
  background-color: #fff; }
  .small-container .WcmsModule {
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .small-container .WcmsModule article.StoryPreviewBox.article-medium:not(.bg-gray) {
        padding-left: 0;
        padding-right: 0; } }

.premium-container {
  background-color: #fff; }
  .premium-container .WcmsModule {
    max-width: 937px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0; }

.border-blue {
  max-width: 644px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 12px solid #2b6fc4;
  padding-bottom: 48px; }

.border-yellow {
  max-width: 644px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 12px solid #ffed3c;
  padding-bottom: 48px; }

.border-gray {
  max-width: 644px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 12px solid #F0F0E9;
  padding-bottom: 48px; }

.color-green {
  color: #00ca88; }

.color-yellow {
  color: #ffed3c; }

.color-blue {
  color: #2b6fc4; }

.color-darkblue {
  color: #1e2b46; }

.color-cyan {
  color: #009ee0; }

.color-gray {
  color: #8e8e8b; }

.color-white {
  color: #fff; }

.color-light {
  color: #f5f5ef; }

.bg-page {
  background-color: #F9F9F5 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-gray {
  background-color: #f0f0e9 !important; }

.bg-lightgray {
  background-color: #f9f9f5 !important; }

.bg-darkgray {
  background-color: #dedfd5 !important; }

.bg-cyan {
  background-color: #009ee0 !important; }

.bg-darkblue {
  background-color: #1e2b46 !important; }

.bg-yellow {
  background-color: #ffed3c !important; }

.bg-green {
  background-color: #00ca88 !important; }

.bg-red {
  background-color: #d90e44 !important; }

.bg-lightblue {
  background-color: #c2def5 !important; }

.brd-left {
  border-left: 1px solid #dedfd5; }

.brd-right {
  border-right: 1px solid #dedfd5; }

.border-bottom-blue {
  border-bottom: 12px solid #2b6fc4; }

.border-bottom-yellow {
  border-bottom: 12px solid #ffed3c; }

.border-bottom-gray {
  border-bottom: 12px solid  #f9f9f6; }

.spacer-top-30 {
  padding-top: 30px; }

.spacer-top-40 {
  padding-top: 40px; }

.spacer-top-50 {
  padding-top: 50px; }

.spacer-top-60 {
  padding-top: 60px; }

.spacer-top-90 {
  padding-top: 90px; }

@media screen and (max-width: 768px) {
  .spacer-top-60-mobile {
    padding-top: 60px; } }

.article-spacer {
  padding-top: 20px; }

.article-spacer-bottom {
  padding-bottom: 20px; }

.brand-line {
  height: 12px;
  max-width: 100%; }

.rn-glasses-2.blue,
.rn-mug.blue,
.rn-pulse-chart.blue,
.rn-paper.blue,
.rn-image.blue,
.rn-pulse-chart.blue,
.rn-cards.blue,
.rn-video-64.blue {
  font-size: 23px;
  background-color: #2b6fc4;
  color: #fff;
  padding: 6px 15px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -17px;
  text-align: center;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.rn-ic_radio_button_unchecked_24px-2 {
  color: #dedfd5; }

.rn-check-circle-08 {
  color: #00ca88; }

.AdyenPaymentPage {
  background-color: white;
  margin-top: 65px;
  padding-bottom: 75px;
  /*hide 10cent value*/ }
  .AdyenPaymentPage .btn-primary {
    border: none;
    border-radius: 3px;
    background-color: #00ca88;
    font-family: "Atlas Grotesk";
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: 1.5px;
    text-align: center;
    color: #f5f5ef;
    text-transform: uppercase;
    min-width: 200px;
    height: 40px; }
    .AdyenPaymentPage .btn-primary:hover {
      background-color: #329f7c; }
  .AdyenPaymentPage .chckt-button {
    background-color: #00ca88; }
    .AdyenPaymentPage .chckt-button .chckt-button__text {
      text-transform: uppercase; }
    .AdyenPaymentPage .chckt-button:hover {
      background-color: #329f7c; }
  .AdyenPaymentPage .chckt-button__amount {
    display: none; }
  .AdyenPaymentPage h1 {
    font-family: "Atlas Grotesk";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #1e2b46;
    margin-top: 21px;
    margin-bottom: 32px; }
    @media screen and (max-width: 768px) {
      .AdyenPaymentPage h1 {
        font-size: 28px; } }
  .AdyenPaymentPage ul {
    margin-bottom: 32px;
    list-style: none;
    padding-left: 0; }
    .AdyenPaymentPage ul li {
      font-family: "Atlas Grotesk";
      font-size: 20px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.6;
      letter-spacing: normal;
      color: #1e2b46; }
      @media screen and (max-width: 768px) {
        .AdyenPaymentPage ul li {
          font-size: 16px; } }
      .AdyenPaymentPage ul li span {
        margin-right: 15px; }
  .AdyenPaymentPage .chckt-sdk {
    font-family: "Atlas Grotesk"; }

div[data-wcms-module-placeholder]:empty {
  height: 0 !important; }

.UserEditPage.CustSubscriptionNo input.form-control.WcmsError {
  border: solid 1px #d90e44; }

.EPaperArchiveLink {
  text-align: center;
  padding: 5px 5px 10px; }
  .EPaperArchiveLink a {
    background-color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
    color: #000; }

/*! Lazy Load XT v1.1.0 2016-01-12
 * http://ressio.github.io/lazy-load-xt
 * (C) 2016 RESS.io
 * Licensed under MIT */
.lazy-hidden {
  opacity: 0; }

.lazy-loaded {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1; }

.PubThemeShow {
  margin-left: -15px;
  margin-right: -15px;
  background-color: white; }
  .PubThemeShow h1 {
    padding-top: 58px;
    max-width: 644px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 10px solid #dedfd5;
    font-family: "HarrisonSerifPro";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #1e2b46;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 20px; }
  .PubThemeShow .WcmsModule .WcmsModule {
    padding-bottom: 0;
    margin-left: 5px;
    margin-right: 5px; }

.WcmsHeader {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.CustGoogleAMPLogin {
  padding-top: 80px; }

.CustGoogleAMPLogin .TopNavigationLogo {
  position: fixed;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: white;
  left: 0;
  top: 0;
  padding: 10px;
  border-bottom: 1px solid #dedfd5; }

.CustGoogleAMPLoginModule {
  background-color: white; }

.CustGoogleAMPLoginModule .headLine {
  margin: 38px 0; }

.CustGoogleAMPLoginModule .btn-primary {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
  height: 50px; }

.CustGoogleAMPLoginModule .login-remember,
.CustGoogleAMPLoginModule .list-unstyled {
  display: none;
  display: none; }

/* PMODIF TS 2019-09-02 SichErinnern */
.sicherinnern {
  position: relative;
  height: 800px;
  overflow: hidden;
  width: 100%; }

.sicherinnern iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.MultipleLoginInfoPage h1 {
  font-family: "HarrisonSerifPro";
  font-size: 35px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #1e2b46;
  margin-bottom: 24px;
  margin-top: 0;
  text-transform: none;
  text-align: center; }

.MultipleLoginInfoPage .WcmsContent {
  font-family: 'Atlas Grotesk';
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #1e2b46;
  padding: 25px; }
  .MultipleLoginInfoPage .WcmsContent a {
    border-bottom: 1px solid #0e9651;
    position: relative;
    color: #1e2b46;
    text-decoration: none; }
    .MultipleLoginInfoPage .WcmsContent a:hover {
      text-decoration: none;
      color: #00ca88;
      border-bottom: none; }
 /*Classification order page*/
.RNBookingClassification {
  display: none; }

.RNWebStorySearchCriteria {
  padding-left: 4vw; }
  @media screen and (max-width: 992px) {
    .RNWebStorySearchCriteria {
      padding-left: 8vw; }
      .RNWebStorySearchCriteria .form-horizontal {
        width: 100%; }
      .RNWebStorySearchCriteria .radio-inline + .radio-inline {
        margin-left: 0; } }

.OrderBookingOverviewDataLine label {
  line-height: 20px; }

.UserNavigatorModule .badge {
  vertical-align: baseline; }

.UserNavigatorModule .panel-title {
  line-height: 25px !important;
  margin-top: -6px; }

.Cust-Order .panel-default {
  margin-bottom: 0; }

.Cust-Order .help-block.control-label {
  text-align: left;
  margin-bottom: 22px; }

.Cust-Order .btn-primary {
  margin-top: 20px; }

@media (min-width: 768px) {
  .Cust-Order .WcmsQueryToolbarLinks {
    display: inline-block;
    min-width: 220px; } }

/*ETU order page*/
.ListMainCenter {
  overflow: hidden; }

.WcmsETUListImageCell > div {
  padding-top: 12px;
  padding-right: 24px; }

.WcmsETUListImageCell {
  text-align: center; }
  @media screen and (max-width: 768px) {
    .WcmsETUListImageCell {
      text-align: left; }
      .WcmsETUListImageCell .WcmsETUListImage {
        width: 30vw;
        float: left; } }

.RNAreaImageList {
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: 50px; }

.RNHideMap {
  display: none;
  width: 100%;
  max-width: 400px;
  max-height: 400px; }
  @media screen and (max-width: 768px) {
    .RNHideMap {
      margin-top: 15px; } }

.WcmsETUListImage {
  width: 190px; }

@media screen and (max-width: 768px) {
  .WcmsETUListImageCell,
  .WcmsETUListSeparatorCell,
  .WcmsETUListTextCell {
    display: block; } }

@media screen and (max-width: 480px) {
  .WcmsETUListImageCell .WcmsETUListImage {
    width: 100%; } }

/*BookDay order page*/
.CalendarPubDatesTable {
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
  display: table-cell; }

.CalendarPubDatesTable th,
.CalendarPubDatesTable td {
  border-top: solid 1px #ddd; }

.CalendarPubDatesTable tr:first-child {
  border-top: solid 2px #fff; }

.CalendarPubDatesTable tr:last-child td {
  border-bottom: solid 2px #fff; }

/*BookDay order page*/
.fi-motif-model-item-selected {
  background: #eee !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

.fi-motif-model-item {
  background-color: transparent;
  border: 1px solid #ddd;
  cursor: pointer; }
 
.Wcms .epaper a:active, .Wcms .epaper a:link, .Wcms .epaper a:visited,
#login a, #login a:active, #login a:link, #login a:visited {
  color: #009ee0;
  text-decoration: none; }

.Wcms .epaper input[type="button"] {
  border: 0;
  background: #009ee0;
  color: #FFF;
  font: 700 0.9em/2em "HarrisonSerifPro";
  padding: 0 1em;
  margin: 0;
  height: 25px;
  width: 145px; }

.swiper-thumbs-caption {
  padding-bottom: 5px;
  line-height: 1em;
  height: auto; }

.epaper-thumb-page-nav {
  position: fixed;
  background-color: white;
  width: 50px;
  height: 200px;
  bottom: 0;
  opacity: 0.0;
  z-index: 200;
  display: none; }
  .epaper-thumb-page-nav:hover {
    opacity: 0.5; }
  .epaper-thumb-page-nav > div {
    height: 50px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent; }

#EPaperThumbPrevPage {
  left: 0; }
  #EPaperThumbPrevPage svg {
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

#EPaperThumbNextPage {
  right: 0; }

#EPaperButtonsLeft div {
  margin-top: 0; }

.EPaperLogin button {
  border: 0px none;
  background: #009EE0 none repeat scroll 0% 0%;
  color: #FFF;
  font: 700 0.9em/2em "HarrisonSerifPro";
  padding: 0px 1em;
  margin: 0px; }

#m_wctrlCanvas img {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); }

.pagepreviewpicture img {
  border: 2px solid gray;
  -webkit-box-shadow: 3px 3px 5px #30393d;
          box-shadow: 3px 3px 5px #30393d; }

.pagenumber,
.pagetitlesmall {
  font: 700 0.9em/1.4em "HarrisonSerifPro"; }

.gallery,
.extendedsearch,
.epaperstate {
  margin: 0px 0px 0px 30px; }

/*********************************************************/
/* Epaper Supplements												*/
.HASublementTitle,
.epaper-supplement-caption {
  font-family: "ArialMTPro",Arial,sans-serif;
  color: #b0aeac;
  font-size: 12px;
  /*box-shadow: 3px 3px 5px rgb(48, 57, 61);*/
  margin-bottom: 5px;
  padding: 5px;
  font-weight: normal;
  text-align: center;
  overflow: hidden; }

.HAEPaperSinglePageSublements {
  position: absolute !important;
  width: 30% !important;
  left: 10%; }
  .HAEPaperSinglePageSublements .HAEPaperPreviewImage {
    float: left;
    min-height: unset; }
  @media screen and (max-width: 1024px) {
    .HAEPaperSinglePageSublements {
      display: none !important; } }

.HAFirstPageOverlay {
  position: absolute;
  display: inline-block;
  min-width: initial;
  height: 100%;
  width: 50%;
  left: 0;
  top: 0;
  font-size: 1em; }
  @media screen and (max-width: 480px) {
    .HAFirstPageOverlay {
      font-size: 0.5em; } }
  .HAFirstPageOverlay.HADoubleSupplements {
    position: relative;
    width: 100%;
    display: block;
    height: unset;
    left: auto;
    top: auto; }
    .HAFirstPageOverlay.HADoubleSupplements .HAFirstPageOverlayHeading {
      display: none; }

.HAFirstPageOverlayHeading {
  font-family: "ArialMTPro",Arial,sans-serif;
  color: #b0aeac;
  font-weight: 300;
  padding-top: 20px;
  text-align: center; }

.HAEPaperPreviewImage {
  float: left;
  padding: 10px;
  margin: 5px;
  max-width: 25%; }
  .HAEPaperPreviewImage img {
    -webkit-box-shadow: 3px 3px 5px #30393D;
            box-shadow: 3px 3px 5px #30393D;
    width: 100%;
    margin-bottom: 10px; }

.RNLogo {
  width: 60px;
  height: 60px;
  margin-left: 5px; }

#m_wctrlEPaperRoot:not(.epaper-with-button-caption) #EPaperButtonsLeft a {
  text-align: center; }
  #m_wctrlEPaperRoot:not(.epaper-with-button-caption) #EPaperButtonsLeft a .RNLogo {
    max-height: 80%;
    width: auto;
    padding-top: 10px;
    margin-left: 15px; }

@media only screen and (max-width: 768px) {
  /*PMODIF JST 2016-02-02 add custom class for custom epaper nav item text*/
  .RN-paper-toolbar-item-text,
  div.epaper-toolbar-item span.RN-paper-toolbar-item-text {
    display: none; }
  .RNLogo {
    height: 40px;
    width: 40px; } }

/****************Serachresult help **************/
html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot #EPaperContentWithNav #m_wctrlEPaperContent .epaper-search-result .epaper-search-panel > .epaper-search-title {
  color: #009ee0; }

#m_wctrlCellRight {
  position: absolute;
  left: 100%;
  float: right;
  top: 0px;
  width: 250px;
  margin: 0 24px;
  padding: 0 24px; }

#cellRight {
  background: rgba(255, 255, 255, 0.6);
  font-size: 0.8em;
  line-height: 1.4em;
  text-align: left;
  padding: 24px; }

#cellRight p {
  color: #333;
  margin: 0 0 1.4em; }

.searchpanel img {
  width: 200px;
  height: 2px; }

#m_wctrlExSearchEditions div {
  font: 700 0.9em/1.4em "HarrisonSerifPro"; }

.chkEditions {
  float: left;
  width: 160px; }

#m_wctrlExSearchEditions label {
  padding-left: 5px; }

.Wcms.EPaper .WcmsPagePlaceholder .thumbnail {
  max-width: 112px;
  max-height: 156px; }

/**************************************************/
/*  PDF-Galerie übernommen von epaper.css */
#m_wctrlPdfGallery td.checked {
  /*background-color: #add8e6;*/
  background-image: url(/EPaper/App_Images/checked1.png);
  background-position: center;
  background-repeat: no-repeat; }

/************************************************/
/*ElementView  PrintStoryShow							*/
.CustFixedImageView {
  text-align: center !important; }

html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot {
  margin-left: 0px;
  margin-right: 0px;
  font: normal normal 400 15px/1.4em "HarrisonSerifPro"; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot #m_wctrlEPaperContent #m_wctrlSwiperElement .epaper-element-block {
    max-width: 100%;
    padding-top: 50px;
    padding-bottom: 50px; }
    html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot #m_wctrlEPaperContent #m_wctrlSwiperElement .epaper-element-block td p {
      padding-left: 10px;
      padding-right: 10px; }
    html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot #m_wctrlEPaperContent #m_wctrlSwiperElement .epaper-element-block div[id*="RNPictureCarousel_"] {
      margin-top: 50px;
      margin-bottom: 50px; }
    html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot #m_wctrlEPaperContent #m_wctrlSwiperElement .epaper-element-block .StoryShowGalleryImage img {
      max-width: 100%; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot #m_wctrlEPaperContent #m_wctrlSwiperPdfGallery {
    max-width: 840px; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot #m_wctrlEPaperToolBar #EPaperButtonsLeft a {
    text-decoration: none; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-item a {
    font-size: 9pt;
    line-height: 1.3em;
    font-family: Helvetica,Arial; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-item li a {
    font-weight: 500;
    font-size: 12pt;
    line-height: 2.5em; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBox {
    position: relative;
    font-family: "HarrisonSerifPro";
    margin-bottom: 60px; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBox .date {
    font-size: 14px;
    display: block;
    float: right;
    font-weight: 700;
    padding-top: 7px; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBox H1 {
    font: 700 35px/1.3em "HarrisonSerifPro";
    margin-top: 0;
    margin-bottom: 28px; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBox H1 p {
    margin: 0; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBox H2 {
    font: 700 11px/17px "Atlas Grotesk";
    margin-top: 22px;
    margin-bottom: 10px;
    padding-right: 0px;
    color: #1e2b46 !important;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-style: normal; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBox H3 {
    font: 700 19px/23px "HarrisonSerifPro";
    margin-top: 28px;
    margin-bottom: 8px;
    padding-right: 0; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBox H3 P {
    font: 400 18px/27px "Atlas Grotesk";
    margin-top: 0; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox {
    float: none;
    margin-top: 50px;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.47;
    font-family: "HarrisonSerifPro";
    color: #333; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox p,
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowTextBox p,
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .teaser p {
    margin-top: 0px;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.47;
    font-family: "HarrisonSerifPro";
    margin-bottom: 11px;
    color: #333; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBox .intro {
    font: 700 1.1em/1.4em "HarrisonSerifPro";
    text-align: left;
    color: #000; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox .intro {
    font: 700 1.1em/1.4em "HarrisonSerifPro";
    text-align: left;
    color: #000; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox,
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowTextBox,
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .teaser {
    padding-right: 15px;
    font-size: 18px; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .RNIMTitle {
    color: #1e2b46;
    font: 700 18px/26px "Atlas Grotesk";
    margin-top: 28px;
    margin-bottom: 8px;
    display: block; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .RNIMTitleTopLine,
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .RNDottedTopLine {
    border-top: 1px dotted gray;
    padding-top: 10px;
    color: #000;
    font: 700 19px/23px "HarrisonSerifPro";
    font-style: italic;
    width: 100%; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .RNZitatKommentar,
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox .RNZitatKommentar p {
    color: #1e2b46;
    font-style: italic;
    text-align: center;
    margin: 0; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .RNZitatQuelle {
    text-align: center; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .RNZitatKommentar span {
    color: #c8c6b3; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .RNCustFoto {
    font-weight: 200;
    font-style: italic; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot div.RNLabel {
    font-weight: 600;
    font-style: italic; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot div.RNLabelTextBox {
    color: #fff;
    background-color: #c8c6b3; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot div.RNLabelText {
    font-size: 18px;
    font-weight: 600;
    background-color: #000;
    padding: 5px; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot div.RNLabelTextFirstLetter {
    background-color: #c8c6b3;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 60px;
    margin: 10px;
    padding-top: 10px; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowBox h2.RNHeadline {
    border-bottom: none;
    color: #666; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .RNCustomTbsPic {
    margin-right: 5px; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryBox {
    margin-top: 50px;
    margin-bottom: 50px; }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage,
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage figcaption,
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryBox P {
    font: 400 13px/19px "Atlas Grotesk";
    color: #8e8e8b;
    margin-top: 10px;
    margin-bottom: 40px; }
    html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage img,
    html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage figcaption img,
    html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryBox P img {
      width: 100%;
      max-width: 900px; }
      @media screen and (max-width: 992px) {
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage img,
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage figcaption img,
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryBox P img {
          max-width: 700px; } }
      @media screen and (max-width: 768px) {
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage img,
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage figcaption img,
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryBox P img {
          max-width: 600px; } }
      @media screen and (max-width: 460px) {
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage img,
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage figcaption img,
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryBox P img {
          max-width: 360px; } }
      @media screen and (max-width: 400px) {
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage img,
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage figcaption img,
        html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryBox P img {
          max-width: 260px; } }
  html body .Wcms .WcmsPagePlaceholder #m_wctrlEPaperRoot .StoryShowGalleryImage figcaption {
    font-size: 13px; }

#m_ctrlHtml {
  margin-bottom: 2em; }

/***************************************************************************************/
/*PMODIF JST 2016-05-11 add bootstrap carousel css*/
.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }

.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px; }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0; } }

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block; }

.carousel-inner > .active {
  left: 0; }

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel-inner > .next {
  left: 100%; }

.carousel-inner > .prev {
  left: -100%; }

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0; }

.carousel-inner > .active.left {
  left: -100%; }

.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent; }

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }

.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block; }

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px; }

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px; }

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif; }

.carousel-control .icon-prev:before {
  content: '\2039'; }

.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent; }

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption .btn {
  text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

@media screen and (max-width: 750px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar {
    height: 40px !important; } }

@media screen and (max-width: 480px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar #EPaperButtonsLeft {
    width: 85px !important; } }

@media screen and (max-width: 320px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar #EPaperButtonsLeft {
    width: 80px !important;
    /*88px*/ } }

@media screen and (max-width: 750px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar #EPaperButtonsRight {
    width: 80% !important;
    margin-right: 6px; } }

@media screen and (max-width: 640px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar #EPaperButtonsRight {
    width: 78% !important; } }

@media screen and (max-width: 470px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar #EPaperButtonsRight {
    width: 73% !important; } }

@media screen and (max-width: 360px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar #EPaperButtonsRight {
    width: 72% !important; } }

@media screen and (max-width: 490px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-text-item {
    display: none !important; } }

@media screen and (max-width: 750px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-text-item input {
    width: 100px !important;
    margin-left: 75px;
    position: relative;
    bottom: 5px; } }

@media screen and (max-width: 640px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-text-item input {
    margin-left: 0; } }

@media screen and (max-width: 750px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-item {
    width: 40px !important; } }

@media screen and (max-width: 520px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-item {
    width: 37px !important; } }

@media screen and (max-width: 380px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-item {
    width: 35px !important; } }

@media screen and (max-width: 360px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-item {
    width: 30px !important; } }

@media screen and (max-width: 750px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-item .epaper-svg {
    width: 25px;
    height: 25px; } }

@media screen and (max-width: 768px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-item span {
    display: none; } }

@media screen and (max-width: 480px) {
  #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-item #EPaperSearchMenu {
    left: auto;
    right: auto; }
    #m_wctrlEPaperRoot #m_wctrlEPaperToolBar .epaper-toolbar-item #EPaperSearchMenu .epaper-menu-triangle {
      right: 170px; } }

#m_wctrlEPaperRoot #m_wctrlEPaperToolBar #EPaperInnerSearchText {
  height: 30px; }
 
/*************************************************************************************************/
/* credit calculator */
/*************************************************************************************************/

.RECreditCalculator {
	margin-top: 15px;
	margin-bottom: 15px;
}

.REShowCreditCalculator
{
}

.REShowCreditCalculatorHeader {
	margin-bottom: 5px;
}