/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face{
  font-family:'FuturaBT';
  font-weight:400;
  font-style:normal;
    font-display: swap;
  src:url(/../../fonts/FuturaBT/301A7E_0_0.eot);
  src:url(/../../fonts/FuturaBT/301A7E_0_0.eot?#iefix) format("embedded-opentype"),
  url(/../../fonts/FuturaBT/301A7E_0_0.woff2) format("woff2"),
  url(/../../fonts/FuturaBT/301A7E_0_0.woff) format("woff"),
  url(/../../fonts/FuturaBT/301A7E_0_0.ttf) format("truetype")
  }
@font-face{
  font-family:'FuturaBT';
  font-weight:700;
  font-style:normal;
    font-display: swap;
  src:url(/../../fonts/FuturaBT/301A7E_0_0.eot);
  src:url(/../../fonts/FuturaBT/301A7E_0_0.eot?#iefix) format("embedded-opentype"),
  url(/../../fonts/FuturaBT/301A7E_0_0.woff2) format("woff2"),
  url(/../../fonts/FuturaBT/301A7E_0_0.woff) format("woff"),
  url(/../../fonts/FuturaBT/301A7E_0_0.ttf) format("truetype")
}


/* basic site definitions */
/* ====================== */
html {
    -webkit-text-size-adjust: 100%; /* prevent text auto-scaling in landscape orientation on ios */
}

html.prevent_scrolling {
	overflow:hidden;
}

body {
	font-family:'Open Sans', sans-serif;
	background-color:#ffffff;
	color:#222222;
	font-size:10px; /* set em-size for whole page. 1em = 10px */
}

/* getting rid of dotted focus outline */
:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

a {
	text-decoration:none;
	color:#00c1f6;
	cursor:pointer;
}

a:hover {
	color:#00b4e5;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style: italic;
}

::selection {
	background:#fdcfea;
	color:#222222;
	text-shadow:none !important;
}

::-moz-selection {
	background:#fdcfea;
	color:#222222;
	text-shadow:none !important;
}

/* wrappers */
/* ======== */
.wrapper {
	width:1026px;
	margin:0 auto;
	position:relative;
}

.fat_wrapper {
	border-top:16px solid #ffffff;
}
.fat_wrapper:after {
    content: '';
    display: block;
    clear: both;
}

/* logo for printouts */
/* ================== */
.logo_print {
	display:none;
}


/* form elements */
/* ============= */
a.button,
.wrapper input,
.wrapper textarea,
.naviblock input,
.naviblock textarea {
	font-family:'Open Sans', sans-serif;
	font-size:1em;
	border:1px solid #666;
	padding:0.2em 0.4em;
	margin: 0 0.2em 0.2em 0;
	resize:none;
}

input[type=text],
input[type=password],
input[type=number],
input[type=submit],
textarea {
	-khtml-appearance: none;
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance: none;
}

input.darkback, a.button.darkback, select.darkback {
	background-color:#888888;
	background-color:rgba(0,0,0,0.5);
}

input.lightback, a.button.lightback, select.lightback {
	background-color:#aaaaaa;
	background-color:rgba(255,255,255,0.5);
}

input.darkfont, a.button.darkfont, select.darkfont {
	color:#222222;
}

input.lightfont, a.button.lightfont, select.lightfont {
	color:#ffffff;
}

input.error {
	background-color:#f40f97;
}

input.button,
a.button,
.standard-button {
  display:inline-block;
  padding: 0em 0.75em;
  margin: 0;
  border: none;
  border-radius: 2px;
  background: #7bd400;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-size: 1em;
  line-height: 2.2857em;
  transition: all 0.2s;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  height: auto;
  width: auto;
  box-sizing: border-box;
}

input.button:hover,
a.button:hover,
.standard-button:hover {
  opacity: 0.9;
  color: #ffffff;
}

input.button:disabled,
a.button:disabled,
.standard-button:disabled {
  background: #cccccc;
}
.naviblock select {
	font-family:'Open Sans', sans-serif;
	font-size:1em;
	border:1px solid #666;
	margin: 0 0.2em 0.2em 0;
	-webkit-appearance: none;
	appearance:none;
}

.wrapper select {
	-webkit-appearance: normal;
	appearance:normal;
	font-family:'Open Sans', sans-serif;
	font-size:1em;
}

.wrapper select option,
.naviblock select option {
	border-bottom:2px solid #eeeeee;
	background-color:#ffffff;
	color:#222222;
}


/* general handyness */
/* ================= */
.stretch_to_fit {
	width:100%;
	height:100%;
}

/* custom hide and display */
/* ======================= */
.hide_on_desktop { display:none !important; }
.show_on_desktop { display:block !important; }
.show_on_desktop_ib { display:inline-block !important; }
.show_overflow { overflow:visible !important; }

/* custom hyphenation */
/* ================== */
.dont_hyphenate {
	-moz-hyphens: manual !important;
	-webkit-hyphens: manual !important;
	-ms-hyphens: manual !important;
	-o-hyphens: manual !important;
}

/* general icons */
/* ============ */
.slider {
	display: block;
	width: 25px;
	height: 16px;
	background-image: url('/media/img/main/icons/slider-down.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}

.slider.down {
	background-image: url('/media/img/main/icons/slider-down.png');
}

.slider.up {
	background-image: url('/media/img/main/icons/slider-up.png');
}

.slider.right {
	width:16px;
	height:25px;
	background-image: url('/media/img/main/icons/slider-right.png');
}

.slider.left {
	width:16px;
	height:25px;
	background-image: url('/media/img/main/icons/slider-left.png');
}

/* member icons */
/* ============ */
.member_icon {
	position:relative;
	margin:0;
	display:inline-block;
	float:left;
}

.member_icon .badge {
	width:100%;
	height:0;
	padding-bottom:61%; /* 100% / 200px * 122px */
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	background-size:contain;
	margin-top:Calc(100% + 4px);
}

.member_icon .badge img {
	position:absolute;
}

.member_icon img.portrait {
	-webkit-border-radius:50%;
	border-radius:50%;
	width:100%;
	text-indent: -9999px;
	overflow: hidden;
	color: #999999;
	font-size: 0.5em;
}

.member_icon.member_highlight_1 img.portrait { border-color: #edba13 !important; }
.member_icon.member_highlight_1 img.portrait { border-color: #edba13 !important; }
.member_icon.member_highlight_2 img.portrait { border-color: #0fb4f4 !important; }
.member_icon.member_highlight_3 img.portrait { border-color: #7bd400 !important; }
.member_icon.member_highlight_4 img.portrait { border-color: #ae2cf2 !important; }
.member_icon.member_highlight_5 img.portrait { border-color: #f22c2c !important; }
.member_icon.member_highlight_6 img.portrait { border-color: #2c4df2 !important; }


/* commercial */
/* ========== */
.commercial {
	width:100%;
	text-align:center;
}

.commercial .dfp_ad > div {
    margin: 0 auto;
}

.commercial .teaser_type_paid_content {
	text-align: left;
}

/* side-ad commercial */
/* ================== */
.seiten_ad.commercial {
	position:fixed;
    margin-left:1026px;
    width:auto;
	display:none;
	background-color: transparent;
    text-align: left;
	z-index:12;
}

.sidebar_ad {
    height: calc(100vh - 12em);
    width: calc((100vw - 1026px) / 2 + 150px);
}

.sidebar_ad:not(.commercial_anzeige) > div {
    width: 100% !important;
    height: 100% !important;
}

.sidebar_ad:not(.commercial_anzeige) > div > iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: relative;
}

.fat_wrapper .seiten_ad.commercial {
	transition: margin-top 0.5s;
}

.wrapper.has_fixed_sticky:not(.has_spondored_header):not(.no_wide_breakers) .fat_wrapper .seiten_ad.commercial {
	margin-top:8.7em;
}

.seiten_ad.commercial.talkback_ad {
	position:absolute;
    height:900px;
    display: none;
    border-top:12px solid #ffffff;
    margin-top:-24px;
}

/* left-ad commercial */
/* ================== */
.left_ad.commercial {
	position: absolute;
	width: 160px;
	transform: translateX(-100%);
	text-align: right;
	margin-left: 16px;
	margin-top: 33px;
}

/* sticky commercial  */
/* ================== */
.sticky-wp {
  position: fixed;
  top: auto;
  z-index:12;
}

/* front commercial in regions */
/* =========================== */
.region.commercial {
    border-bottom:0 !important;
}

.wrapper .cluster:nth-child(2) .region.commercial .commercial_delivered {
	border-top-width:0;
}

.region.commercial .commercial_delivered .commercial_delivered {
	border-bottom:0 !important;
}

.region.commercial .commercial_delivered:not(.minHeight):not(:empty) {
    margin-bottom:16px;
    margin-top:0;
    padding-bottom:16px;
}

.wrapper .cluster:not(:nth-child(2)) .region.commercial .commercial_delivered:not(:empty) {
    margin-top:16px;
    padding-top:16px;
}

.region.commercial .commercial_delivered.commercial_anzeige {
    border-bottom:1px solid #cccccc;
}
.wrapper .cluster:not(:nth-child(2)) .region.commercial .commercial_delivered.commercial_anzeige {
    border-top:1px solid #cccccc;
}

.wrapper .cluster:not(:nth-child(2)) .region.commercial .commercial_delivered:not(:empty)::before {
    color: #999999;
    content: "Werbung";
    display: block;
    font-size: 12px;
    line-height:16px;
    position: absolute;
    top:16px;
}
html[lang="fr"] .wrapper .cluster:not(:nth-child(2)) .region.commercial .commercial_delivered:not(:empty)::before{
    content: "Publicité";
}
.wrapper .cluster:not(:nth-child(2)) .region.commercial .commercial_delivered:not(.commercial_anzeige)::before {
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
}
.wrapper .cluster:not(:nth-child(2)) .region.commercial .commercial_delivered.commercial_anzeige::before {
    content: "Anzeige";
}

.sven_watzak_desktop {}

.cluster.poster-ad .region.commercial {
    background-color: transparent;
    border: 0;
}

.wrapper .cluster.poster-ad .region.commercial .commercial_delivered:not(:empty) {
    padding: 0;
    margin: 0;
}

.wrapper .cluster.poster-ad .region.commercial .commercial_delivered:not(.commercial_anzeige)::before {
    display: none;
}

.cluster.poster-ad .region.commercial .commercial_delivered > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* desktop only */
@media screen and (min-width: 976px) {
	/* fishtank */
	.cluster.fishtank {
		border-left:none;
		background-color:transparent;
		width:100%;
	}

	.cluster.fishtank .region.commercial {
		border-width:0 !important;
	}

	.cluster.fishtank .region.commercial .commercial_delivered::before {
	    display: none !important;
	}

	.cluster.fishtank .region.commercial .commercial_delivered {
	    background-color: transparent !important;
	    border-bottom: 16px solid white !important;
	    border-top: medium none !important;
	    margin-bottom: 0 !important;
	}

    .wrapper .cluster:not(:nth-child(2)) .region.commercial .commercial_delivered:not(:empty) {
        margin-top: 32px;
    }
    .wrapper .cluster:not(:nth-child(2)) .region.commercial .commercial_delivered:not(.commercial_anzeige)::before {
        top: 24px;
    }
}

@media screen and (max-width: 975px) {
    .region.commercial {
        border-top-width: 2px;
    }

    .region.commercial .commercial_delivered.commercial_anzeige {
        padding: 0;
        border: 0;
    }

    .wrapper .cluster:not(:nth-child(2)) .region.commercial .commercial_delivered.commercial_anzeige {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    .wrapper .cluster:not(:nth-child(2)) .region.commercial .commercial_delivered.commercial_anzeige::before {
        display: none;
    }
}

@media screen and (max-width: 591px) {
	.region.commercial {
		border-right:0 !important;
		left:-10px;
		width:calc(100% + 10px) !important;
		float:left !important;
        border-top-width: 6px;
	}

    .wrapper .cluster:nth-child(2) .region.commercial .commercial_delivered {
        border-top-width:0;
        border-bottom-width:0;
        padding-bottom: 0;
    }

    .watson-ad.minHeight .commercial_delivered {
        top: 5.85em;
    }

  input.button,
  a.button {
    width: 100%;
  }
  input.button,
  a.button,
  .standard-button {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
}

/* story commercial in inserts */
/* =========================== */
.watson-ad.minHeight {
    background-color: #EEEEEE;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.story .watson-ad.minHeight {
    margin-top: 1rem;
}

.region .watson-ad.minHeight {
    margin-bottom: 1rem;
}

.watson-ad.minHeight:before {
    content: "Werbung";
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #999999;
}

.watson-ad.minHeight .commercial_delivered {
    z-index: 20;
    display: flex;
    position: sticky;
    top: 8.7em;
}

.insert .commercial_delivered:not(:empty)::before {
	content: "Werbung";
	color:#999999;
	font-size:12px;
	line-height:16px;
	display:block;
	padding-top:6px;
	padding-bottom:6px;
	position:relative;
	padding-left: calc(50% - 437px);
}

.commercial_delivered > div:first-child {
    line-height: 0;
}

html[lang="fr"] .insert .commercial_delivered:not(:empty)::before,
html[lang="fr"] .watson-ad.minHeight:before {
    content: "Publicité";
}
.insert .commercial_delivered.commercial_anzeige:not(:empty)::before {
    content: "Anzeige";
}

.insert.side .commercial_delivered::before {
	width: 300px;
	margin: 0 auto;
	padding-left: 0;
}
.insert.side .commercial_delivered:not(.commercial_anzeige)::before {
    text-align: center;
}

.insert.side .stack_element.businessclick .commercial_delivered::before {
    display: none !important;
}

.insert .commercial_delivered:not(.minHeight):not(:empty) {
    padding:16px 0;
    margin-top:32px;
    margin-bottom: 16px;
}

.insert .commercial_box .commercial_delivered:not(.minHeight):not(:empty) {
    margin-top: 0;
}

.insert .commercial_delivered.commercial_anzeige {
    margin-bottom:3em;
}

.ticker .insert .commercial_delivered {
  padding:0;
  margin-bottom:auto !important;
}

/* WP 0 */
.story .insert.jumbo:nth-child(2) .commercial_delivered::before,
.story .insert.inread .commercial_delivered::before,
.wrapper .cluster:not(:nth-child(2)) .region.commercial.inread .commercial_delivered::before {
	display:none;
}
.story .insert.inread {

}

.story .insert.jumbo:nth-child(2) .commercial_delivered:not(.minHeight) {
	margin-top:0;
	border-top:none;
}

.insert.jumbo .commercial_delivered.commercial_anzeige,
.widget.quiz .commercial_box .commercial_delivered.commercial_anzeige {
    border-bottom:1px solid #cccccc;
    border-top:1px solid #cccccc;
}

.insert.jumbo .commercial_delivered::before,
.widget.quiz .commercial_box .commercial_delivered::before {
    padding:0;
    position:absolute;
    top:-16px;
}

.insert.jumbo .commercial_delivered:not(.commercial_anzeige)::before,
.widget.quiz .commercial_box .commercial_delivered:not(.commercial_anzeige)::before {
    top:-8px;
    left: 50%;
    transform: translateX(-50%);
}

/* desktop only */
@media screen and (min-width: 976px) {

}

@media screen and (max-width: 975px) {
    .insert.jumbo .commercial_delivered.commercial_anzeige,
    .widget.quiz .commercial_box .commercial_delivered.commercial_anzeige {
        border: 0;
        margin-top: 0;
        padding: 0 0 1px 0;
    }
    .insert.jumbo .commercial_delivered.commercial_anzeige[data-ad="quer-wp0"],
    .widget.quiz .commercial_box .commercial_delivered.commercial_anzeige {
        margin-top: 16px;
    }

	.insert .commercial_delivered.commercial_anzeige::before {
		margin-left:4.347%;
	}
    .insert.jumbo .commercial_delivered.commercial_anzeige::before,
    .widget.quiz .commercial_box .commercial_delivered.commercial_anzeige::before {
        padding-top: 6px;
        padding-bottom: 6px;
        position:relative;
        top:unset;
    }

	/* WP 0 */
	.story .insert.jumbo:nth-child(2) .commercial_delivered:not(.minHeight) {
		margin-top:14px;
	}
}

@media screen and (max-width: 591px) {
	/* WP 0 */
	.story .insert.jumbo:nth-child(2) .commercial_delivered:not(.minHeight) {
		margin-top:3em;
        padding: 0;
        border-bottom: 0;

	}

    .sven_watzak_mobile {}
}

/* alert message */
/* ============= */
.messageBox {
	z-index: 12345;
	display: none;
	position: fixed;
	top:100px;
	left: 30%;
	width: 40%;
	margin-left:-10px;
	padding: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #00c1f6;
	color: #ffffff;
	font-size: 1.8em;
	line-height: 1.3em;
	text-align:center;
	-moz-box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2);
}

.messageBox.success {
	background-color: #7bd400;
}

.messageBox.fail {
	background-color: #f40f97;
}







/* fileuploader Dashboard */
/* ====================== */
.fileinput input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}


/* sto => subscription and superscription */
/* ====================== */

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

/* no space for displaying side_ad */
/* =============================== */
@media screen and (max-width: 1330px) {
	.wrapper .commercial.seiten_ad:not(.talkback_ad) {
		display:none;
	}

	.seiten_ad.commercial.talkback_ad {
	    margin-left:679px;
    }
}

/* provide space for side_ad       */
/* =============================== */
@media screen and (min-width: 1331px) {
    .wrapper {
        padding-right:300px;
    }
}

/* ipad landscape */
/* ============== */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.wrapper {
		width:1024px;
	}

}

/* tablet */
/* ====== */
@media screen and (max-width: 975px) {
	body {
		font-size:9px;
	}

	.wrapper {
		width:100%;
		margin-bottom:8em;
	}

	.fat_wrapper {
		border-top-width:14px;
	}

	.messageBox {
		top:4em;
		left: 20%;
		width: 60%;
	}

    .wrapper .commercial.seiten_ad {
        display:none !important;
    }

	/* custom hide and display */
	.hide_on_tablet { display:none !important; }
	.show_on_tablet { display:block !important; }
	.show_on_tablet_ib { display:inline-block !important; }
}


/* mobile */
/* ====== */
@media screen and (max-width: 591px) {
	body {
		font-size:7px;
	}

	.fat_wrapper {
		border-top-width:10px;
	}

	.messageBox {
		top:3em;
		left: 8%;
		width: 84%;
		font-size:2.2857em !important;
	}

	/* custom hide and display */
	.hide_on_mobile { display:none !important; }
	.show_on_mobile { display:block !important; }
	.show_on_mobile_ib { display:inline-block !important; }
}


/* minwidth */
/* ======== */
@media screen and (max-width: 320px) {
	.wrapper {
		width:320px;
	}
}

.wrapper .commercial.seiten_ad:not(.talkback_ad) {
    display: block;
}

/* color combos */
/* ============ */

/* default */
.combo_bg, .combo_bg { background-color:#eeeeee !important; }
.combo_bg_inv, .combo_bg_inv { background-color:#222222 !important; }
.combo_bd, .combo_bd { border-color: #eeeeee !important; }
.combo_bd_inv, .combo_bd_inv { border-color: #222222 !important; }
.combo_fg, .combo_fg { color:#222222 !important; }
.combo_fg_inv, .combo_fg_inv { color:#eeeeee !important; }
.combo_bg_opa, .combo_bg_opa {background-color:#eeeeee !important; background-color: rgba(238,238,238,0.8) !important;}
.combo_bg_inv_opa, .combo_bg_inv_opa {background-color:#222222 !important; background-color: rgba(34,34,34,0.8) !important;}

.color_combo_0 .combo_bg, .color_combo_0.combo_bg { background-color:#eeeeee !important; } /* background color */
.color_combo_0 .combo_bg_inv, .color_combo_0.combo_bg_inv { background-color:#222222 !important; } /* inverted background color */
.color_combo_0 .combo_bd, .color_combo_0.combo_bd { border-color: #eeeeee !important; } /* border color */
.color_combo_0 .combo_bd_inv, .color_combo_0.combo_bd_inv { border-color: #222222 !important; } /* inverted border color */
.color_combo_0 .combo_fg, .color_combo_0.combo_fg { color:#222222 !important; } /* font color */
.color_combo_0 .combo_fg_inv, .color_combo_0.combo_fg_inv { color:#eeeeee !important; } /* inverted font color */
.color_combo_0 .combo_bg_opa, .color_combo_0.combo_bg_opa {background-color:#eeeeee !important; background-color: rgba(238,238,238,0.8) !important;} /* background color, opacity 0.8 */
.color_combo_0 .combo_bg_inv_opa, .color_combo_0.combo_bg_inv_opa { background-color:#222222 !important; background-color: rgba(34,34,34,0.8) !important;} /* inverted background color with opacity */

/* Classic Black */
.color_combo_666 .combo_bg, .color_combo_666.combo_bg { background-color:#eeeeee !important; }
.color_combo_666 .combo_bg_inv, .color_combo_666.combo_bg_inv { background-color:#222222 !important; }
.color_combo_666 .combo_bd, .color_combo_666.combo_bd { border-color: #eeeeee !important; }
.color_combo_666 .combo_bd_inv, .color_combo_666.combo_bd_inv { border-color: #222222 !important; }
.color_combo_666 .combo_fg, .color_combo_666.combo_fg { color:#222222 !important; }
.color_combo_666 .combo_fg_inv, .color_combo_666.combo_fg_inv { color:#eeeeee !important; }
.color_combo_666 .combo_bg_opa, .color_combo_666.combo_bg_opa {background-color:#eeeeee !important; background-color: rgba(238,238,238,0.8) !important;}
.color_combo_666 .combo_bg_inv_opa, .color_combo_666.combo_bg_inv_opa { background-color:#222222 !important; background-color: rgba(34,34,34,0.8) !important;}

/* Classic Green */
.color_combo_2 .combo_bg, .color_combo_2.combo_bg { background-color:#eeeeee !important; }
.color_combo_2 .combo_bg_inv, .color_combo_2.combo_bg_inv { background-color:#62ab00 !important; }
.color_combo_2 .combo_bd, .color_combo_2.combo_bd { border-color: #eeeeee !important; }
.color_combo_2 .combo_bd_inv, .color_combo_2.combo_bd_inv { border-color: #62ab00 !important; }
.color_combo_2 .combo_fg, .color_combo_2.combo_fg { color:#62ab00 !important; }
.color_combo_2 .combo_fg_inv, .color_combo_2.combo_fg_inv { color:#eeeeee !important; }
.color_combo_2 .combo_bg_opa, .color_combo_2.combo_bg_opa {background-color:#eeeeee !important; background-color: rgba(238,238,238,0.8) !important;}
.color_combo_2 .combo_bg_inv_opa, .color_combo_2.combo_bg_inv_opa { background-color:#62ab00 !important; background-color: rgba(98,171,0,0.8) !important;}

/* Classic Blue */
.color_combo_3 .combo_bg, .color_combo_3.combo_bg { background-color:#eeeeee !important; }
.color_combo_3 .combo_bg_inv, .color_combo_3.combo_bg_inv { background-color:#008fc6 !important; }
.color_combo_3 .combo_bd, .color_combo_3.combo_bd { border-color: #eeeeee !important; }
.color_combo_3 .combo_bd_inv, .color_combo_3.combo_bd_inv { border-color: #008fc6 !important; }
.color_combo_3 .combo_fg, .color_combo_3.combo_fg { color:#008fc6 !important; }
.color_combo_3 .combo_fg_inv, .color_combo_3.combo_fg_inv { color:#eeeeee !important; }
.color_combo_3 .combo_bg_opa, .color_combo_3.combo_bg_opa {background-color:#eeeeee !important; background-color: rgba(238,238,238,0.8) !important;}
.color_combo_3 .combo_bg_inv_opa, .color_combo_3.combo_bg_inv_opa { background-color:#008fc6 !important; background-color: rgba(0,143,198,0.8) !important;}

/* Classic Magenta */
.color_combo_4 .combo_bg, .color_combo_4.combo_bg { background-color:#eeeeee !important; }
.color_combo_4 .combo_bg_inv, .color_combo_4.combo_bg_inv { background-color:#f40f97 !important; }
.color_combo_4 .combo_bd, .color_combo_4.combo_bd { border-color: #eeeeee !important; }
.color_combo_4 .combo_bd_inv, .color_combo_4.combo_bd_inv { border-color: #f40f97 !important; }
.color_combo_4 .combo_fg, .color_combo_4.combo_fg { color:#f40f97 !important; }
.color_combo_4 .combo_fg_inv, .color_combo_4.combo_fg_inv { color:#eeeeee !important; }
.color_combo_4 .combo_bg_opa, .color_combo_4.combo_bg_opa {background-color:#eeeeee !important; background-color: rgba(238,238,238,0.8) !important;}
.color_combo_4 .combo_bg_inv_opa, .color_combo_4.combo_bg_inv_opa { background-color:#f40f97 !important; background-color: rgba(244,15,151,0.8) !important;}

/* Magenta White */
.color_combo_42 .combo_bg, .color_combo_42.combo_bg { background-color:#f40f97 !important; }
.color_combo_42 .combo_bg_inv, .color_combo_42.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_42 .combo_bd, .color_combo_42.combo_bd { border-color: #f40f97 !important; }
.color_combo_42 .combo_bd_inv, .color_combo_42.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_42 .combo_fg, .color_combo_42.combo_fg { color:#ffffff !important; }
.color_combo_42 .combo_fg_inv, .color_combo_42.combo_fg_inv { color:#f40f97 !important; }
.color_combo_42 .combo_bg_opa, .color_combo_42.combo_bg_opa {background-color:#f40f97 !important; background-color: rgba(226,49,138,0.8) !important;}
.color_combo_42 .combo_bg_inv_opa, .color_combo_42.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(226,49,138,0.8) !important;}

/* Black White */
.color_combo_5 .combo_bg, .color_combo_5.combo_bg { background-color:#222222 !important; }
.color_combo_5 .combo_bg_inv, .color_combo_5.combo_bg_inv { background-color:#eeeeee !important; }
.color_combo_5 .combo_bd, .color_combo_5.combo_bd { border-color: #222222 !important; }
.color_combo_5 .combo_bd_inv, .color_combo_5.combo_bd_inv { border-color: #eeeeee !important; }
.color_combo_5 .combo_fg, .color_combo_5.combo_fg { color:#eeeeee !important; }
.color_combo_5 .combo_fg_inv, .color_combo_5.combo_fg_inv { color:#222222 !important; }
.color_combo_5 .combo_bg_opa, .color_combo_5.combo_bg_opa {background-color:#222222 !important; background-color: rgba(34,34,34,0.8) !important;}
.color_combo_5 .combo_bg_inv_opa, .color_combo_5.combo_bg_inv_opa { background-color:#eeeeee !important; background-color: rgba(238,238,238,0.8) !important;}

/* Wir Eltern-BLOG */
.color_combo_8 .combo_bg, .color_combo_8.combo_bg { background-color:#ce0f89 !important; }
.color_combo_8 .combo_bg_inv, .color_combo_8.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_8 .combo_bd, .color_combo_8.combo_bd { border-color: #ce0f89 !important; }
.color_combo_8 .combo_bd_inv, .color_combo_8.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_8 .combo_fg, .color_combo_8.combo_fg { color:#ffffff !important; }
.color_combo_8 .combo_fg_inv, .color_combo_8.combo_fg_inv { color:#ce0f89 !important; }
.color_combo_8 .combo_bg_opa, .color_combo_8.combo_bg_opa {background-color:#ce0f89 !important; background-color: rgba(206,15,137,0.8) !important;}
.color_combo_8 .combo_bg_inv_opa, .color_combo_8.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Kaiserschnitt-BLOG */
.color_combo_9 .combo_bg, .color_combo_9.combo_bg { background-color:#068763 !important; }
.color_combo_9 .combo_bg_inv, .color_combo_9.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_9 .combo_bd, .color_combo_9.combo_bd { border-color: #068763 !important; }
.color_combo_9 .combo_bd_inv, .color_combo_9.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_9 .combo_fg, .color_combo_9.combo_fg { color:#ffffff !important; }
.color_combo_9 .combo_fg_inv, .color_combo_9.combo_fg_inv { color:#068763 !important; }
.color_combo_9 .combo_bg_opa, .color_combo_9.combo_bg_opa {background-color:#068763 !important; background-color: rgba(6,135,99,0.8) !important;}
.color_combo_9 .combo_bg_inv_opa, .color_combo_9.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Per Autostopp um die Welt-BLOG */
.color_combo_12 .combo_bg, .color_combo_12.combo_bg { background-color:#fb8e00 !important; }
.color_combo_12 .combo_bg_inv, .color_combo_12.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_12 .combo_bd, .color_combo_12.combo_bd { border-color: #fb8e00 !important; }
.color_combo_12 .combo_bd_inv, .color_combo_12.combo_bd_inv { border-color: #faee8b !important; }
.color_combo_12 .combo_fg, .color_combo_12.combo_fg { color:#ffffff !important; }
.color_combo_12 .combo_fg_inv, .color_combo_12.combo_fg_inv { color:#fb8e00 !important; }
.color_combo_12 .combo_bg_opa, .color_combo_12.combo_bg_opa {background-color:#fb8e00 !important; background-color: rgba(251,142,0,0.8) !important;}
.color_combo_12 .combo_bg_inv_opa, .color_combo_12.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Webserie Hamster */
.color_combo_13 .combo_bg, .color_combo_13.combo_bg { background-color:#e41e13 !important; }
.color_combo_13 .combo_bg_inv, .color_combo_13.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_13 .combo_bd, .color_combo_13.combo_bd { border-color: #e41e13 !important; }
.color_combo_13 .combo_bd_inv, .color_combo_13.combo_bd_inv { border-color: #e41e13 !important; }
.color_combo_13 .combo_fg, .color_combo_13.combo_fg { color:#ffffff !important; }
.color_combo_13 .combo_fg_inv, .color_combo_13.combo_fg_inv { color:#e41e13 !important; }
.color_combo_13 .combo_bg_opa, .color_combo_13.combo_bg_opa {background-color:#e41e13 !important; background-color: rgba(228,30,19,0.8) !important;}
.color_combo_13 .combo_bg_inv_opa, .color_combo_13.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Unvergessen-BLOG */
.color_combo_15 .combo_bg, .color_combo_15.combo_bg { background-color:#974b2f !important; }
.color_combo_15 .combo_bg_inv, .color_combo_15.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_15 .combo_bd, .color_combo_15.combo_bd { border-color: #974b2f !important; }
.color_combo_15 .combo_bd_inv, .color_combo_15.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_15 .combo_fg, .color_combo_15.combo_fg { color:#ffffff !important; }
.color_combo_15 .combo_fg_inv, .color_combo_15.combo_fg_inv { color:#974b2f !important; }
.color_combo_15 .combo_bg_opa, .color_combo_15.combo_bg_opa {background-color:#974b2f !important; background-color: rgba(151,75,47,0.8) !important;}
.color_combo_15 .combo_bg_inv_opa, .color_combo_15.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Big Magenta */
.color_combo_21 .combo_bg, .color_combo_21.combo_bg { background-color:#f40f97 !important; }
.color_combo_21 .combo_bg_inv, .color_combo_21.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_21 .combo_bd, .color_combo_21.combo_bd { border-color: #f40f97 !important; }
.color_combo_21 .combo_bd_inv, .color_combo_21.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_21 .combo_fg, .color_combo_21.combo_fg { color:#FFFFFF !important; }
.color_combo_21 .combo_fg_inv, .color_combo_21.combo_fg_inv { color:#f40f97 !important; }
.color_combo_21 .combo_bg_opa, .color_combo_21.combo_bg_opa {background-color:#f40f97 !important; background-color: rgba(244,15,151,0.8) !important;}
.color_combo_21 .combo_bg_inv_opa, .color_combo_21.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}

/* Light Magenta */
.color_combo_30 .combo_bg, .color_combo_30.combo_bg { background-color:#F757B6 !important; }
.color_combo_30 .combo_bg_inv, .color_combo_30.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_30 .combo_bd, .color_combo_30.combo_bd { border-color: #F757B6 !important; }
.color_combo_30 .combo_bd_inv, .color_combo_30.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_30 .combo_fg, .color_combo_30.combo_fg { color:#FFFFFF !important; }
.color_combo_30 .combo_fg_inv, .color_combo_30.combo_fg_inv { color:#F757B6 !important; }
.color_combo_30 .combo_bg_opa, .color_combo_30.combo_bg_opa {background-color:#F757B6 !important; background-color: #f40f97 !important;}
.color_combo_30 .combo_bg_inv_opa, .color_combo_30.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}


/* Light Blue */
.color_combo_31 .combo_bg, .color_combo_31.combo_bg { background-color:#4DD4F9 !important; }
.color_combo_31 .combo_bg_inv, .color_combo_31.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_31 .combo_bd, .color_combo_31.combo_bd { border-color: #4DD4F9 !important; }
.color_combo_31 .combo_bd_inv, .color_combo_31.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_31 .combo_fg, .color_combo_31.combo_fg { color:#FFFFFF !important; }
.color_combo_31 .combo_fg_inv, .color_combo_31.combo_fg_inv { color:#4DD4F9 !important; }
.color_combo_31 .combo_bg_opa, .color_combo_31.combo_bg_opa {background-color:#4DD4F9 !important; background-color: #00c1f6 !important;}
.color_combo_31 .combo_bg_inv_opa, .color_combo_31.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}


/* Light Green */
.color_combo_32 .combo_bg, .color_combo_32.combo_bg { background-color:#A3E14D !important; }
.color_combo_32 .combo_bg_inv, .color_combo_32.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_32 .combo_bd, .color_combo_32.combo_bd { border-color: #A3E14D !important; }
.color_combo_32 .combo_bd_inv, .color_combo_32.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_32 .combo_fg, .color_combo_32.combo_fg { color:#FFFFFF !important; }
.color_combo_32 .combo_fg_inv, .color_combo_32.combo_fg_inv { color:#A3E14D !important; }
.color_combo_32 .combo_bg_opa, .color_combo_32.combo_bg_opa {background-color:#A3E14D !important; background-color: #7bd400 !important;}
.color_combo_32 .combo_bg_inv_opa, .color_combo_32.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}

/* Big Blue */
.color_combo_72 .combo_bg, .color_combo_72.combo_bg { background-color:#00c1f6 !important; }
.color_combo_72 .combo_bg_inv, .color_combo_72.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_72 .combo_bd, .color_combo_72.combo_bd { border-color: #00c1f6 !important; }
.color_combo_72 .combo_bd_inv, .color_combo_72.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_72 .combo_fg, .color_combo_72.combo_fg { color:#FFFFFF !important; }
.color_combo_72 .combo_fg_inv, .color_combo_72.combo_fg_inv { color:#00c1f6 !important; }
.color_combo_72 .combo_bg_opa, .color_combo_72.combo_bg_opa {background-color:#00c1f6 !important; background-color: rgba(0,193,246,0.8) !important;}
.color_combo_72 .combo_bg_inv_opa, .color_combo_72.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}

/* Big Green */
.color_combo_73 .combo_bg, .color_combo_73.combo_bg { background-color:#7bd400 !important; }
.color_combo_73 .combo_bg_inv, .color_combo_73.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_73 .combo_bd, .color_combo_73.combo_bd { border-color: #7bd400 !important; }
.color_combo_73 .combo_bd_inv, .color_combo_73.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_73 .combo_fg, .color_combo_73.combo_fg { color:#FFFFFF !important; }
.color_combo_73 .combo_fg_inv, .color_combo_73.combo_fg_inv { color:#7bd400 !important; }
.color_combo_73 .combo_bg_opa, .color_combo_73.combo_bg_opa {background-color:#7bd400 !important; background-color: rgba(123,212,0,0.8) !important;}
.color_combo_73 .combo_bg_inv_opa, .color_combo_73.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}

/* Black Magenta */
.color_combo_74 .combo_bg, .color_combo_74.combo_bg { background-color:#222222 !important; }
.color_combo_74 .combo_bg_inv, .color_combo_74.combo_bg_inv { background-color:#f40f97 !important; }
.color_combo_74 .combo_bd, .color_combo_74.combo_bd { border-color: #222222 !important; }
.color_combo_74 .combo_bd_inv, .color_combo_74.combo_bd_inv { border-color: #f40f97 !important; }
.color_combo_74 .combo_fg, .color_combo_74.combo_fg { color:#f40f97 !important; }
.color_combo_74 .combo_fg_inv, .color_combo_74.combo_fg_inv { color:#222222 !important; }
.color_combo_74 .combo_bg_opa, .color_combo_74.combo_bg_opa {background-color:#222222 !important; background-color: rgba(34,34,34,0.8) !important;}
.color_combo_74 .combo_bg_inv_opa, .color_combo_74.combo_bg_inv_opa { background-color:#f40f97 !important; background-color: rgba(244,15,151,0.8) !important;}

/* Black Green */
.color_combo_75 .combo_bg, .color_combo_75.combo_bg { background-color:#222222 !important; }
.color_combo_75 .combo_bg_inv, .color_combo_75.combo_bg_inv { background-color:#7bd400 !important; }
.color_combo_75 .combo_bd, .color_combo_75.combo_bd { border-color: #222222 !important; }
.color_combo_75 .combo_bd_inv, .color_combo_75.combo_bd_inv { border-color: #7bd400 !important; }
.color_combo_75 .combo_fg, .color_combo_75.combo_fg { color:#7bd400 !important; }
.color_combo_75 .combo_fg_inv, .color_combo_75.combo_fg_inv { color:#222222 !important; }
.color_combo_75 .combo_bg_opa, .color_combo_75.combo_bg_opa {background-color:#222222 !important; background-color: rgba(34,34,34,0.8) !important;}
.color_combo_75 .combo_bg_inv_opa, .color_combo_75.combo_bg_inv_opa { background-color:#7bd400 !important; background-color: rgba(123,212,0,0.8) !important;}

/* Black Blue */
.color_combo_76 .combo_bg, .color_combo_76.combo_bg { background-color:#222222 !important; }
.color_combo_76 .combo_bg_inv, .color_combo_76.combo_bg_inv { background-color:#00c1f6 !important; }
.color_combo_76 .combo_bd, .color_combo_76.combo_bd { border-color: #222222 !important; }
.color_combo_76 .combo_bd_inv, .color_combo_76.combo_bd_inv { border-color: #00c1f6 !important; }
.color_combo_76 .combo_fg, .color_combo_76.combo_fg { color:#00c1f6 !important; }
.color_combo_76 .combo_fg_inv, .color_combo_76.combo_fg_inv { color:#222222 !important; }
.color_combo_76 .combo_bg_opa, .color_combo_76.combo_bg_opa {background-color:#222222 !important; background-color: rgba(34,34,34,0.8) !important;}
.color_combo_76 .combo_bg_inv_opa, .color_combo_76.combo_bg_inv_opa { background-color:#00c1f6 !important; background-color: rgba(0,193,246,0.8) !important;}

/* Content-Bridge Magenta */
.color_combo_77 .combo_bg, .color_combo_77.combo_bg { background-color:#f40f97 !important; }
.color_combo_77 .combo_bg_inv, .color_combo_77.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_77 .combo_bd, .color_combo_77.combo_bd { border-color: #f40f97 !important; }
.color_combo_77 .combo_bd_inv, .color_combo_77.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_77 .combo_fg, .color_combo_77.combo_fg { color:#FFFFFF !important; }
.color_combo_77 .combo_fg_inv, .color_combo_77.combo_fg_inv { color:#f40f97 !important; }
.color_combo_77 .combo_bg_opa, .color_combo_77.combo_bg_opa {background-color:#f40f97 !important; background-color: rgba(244,15,151,0.8) !important;}
.color_combo_77 .combo_bg_inv_opa, .color_combo_77.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}

/* Content-Bridge Blue */
.color_combo_78 .combo_bg, .color_combo_78.combo_bg { background-color:#00c1f6 !important; }
.color_combo_78 .combo_bg_inv, .color_combo_78.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_78 .combo_bd, .color_combo_78.combo_bd { border-color: #00c1f6 !important; }
.color_combo_78 .combo_bd_inv, .color_combo_78.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_78 .combo_fg, .color_combo_78.combo_fg { color:#FFFFFF !important; }
.color_combo_78 .combo_fg_inv, .color_combo_78.combo_fg_inv { color:#00c1f6 !important; }
.color_combo_78 .combo_bg_opa, .color_combo_78.combo_bg_opa {background-color:#00c1f6 !important; background-color: rgba(0,193,246,0.8) !important;}
.color_combo_78 .combo_bg_inv_opa, .color_combo_78.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}

/* Content-Bridge Green */
.color_combo_79 .combo_bg, .color_combo_79.combo_bg { background-color:#7bd400 !important; }
.color_combo_79 .combo_bg_inv, .color_combo_79.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_79 .combo_bd, .color_combo_79.combo_bd { border-color: #7bd400 !important; }
.color_combo_79 .combo_bd_inv, .color_combo_79.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_79 .combo_fg, .color_combo_79.combo_fg { color:#FFFFFF !important; }
.color_combo_79 .combo_fg_inv, .color_combo_79.combo_fg_inv { color:#7bd400 !important; }
.color_combo_79 .combo_bg_opa, .color_combo_79.combo_bg_opa {background-color:#7bd400 !important; background-color: rgba(123,212,0,0.8) !important;}
.color_combo_79 .combo_bg_inv_opa, .color_combo_79.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}

/* Content-Bridge Orange */
.color_combo_80 .combo_bg, .color_combo_80.combo_bg { background-color:#ff9306 !important; }
.color_combo_80 .combo_bg_inv, .color_combo_80.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_80 .combo_bd, .color_combo_80.combo_bd { border-color: #ff9306 !important; }
.color_combo_80 .combo_bd_inv, .color_combo_80.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_80 .combo_fg, .color_combo_80.combo_fg { color:#FFFFFF !important; }
.color_combo_80 .combo_fg_inv, .color_combo_80.combo_fg_inv { color:#ff9306 !important; }
.color_combo_80 .combo_bg_opa, .color_combo_80.combo_bg_opa {background-color:#ff9306 !important; background-color: rgba(255,147,6,0.8) !important;}
.color_combo_80 .combo_bg_inv_opa, .color_combo_80.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}

/* Content-Bridge Red */
.color_combo_81 .combo_bg, .color_combo_81.combo_bg { background-color:#dd0000 !important; }
.color_combo_81 .combo_bg_inv, .color_combo_81.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_81 .combo_bd, .color_combo_81.combo_bd { border-color: #dd0000 !important; }
.color_combo_81 .combo_bd_inv, .color_combo_81.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_81 .combo_fg, .color_combo_81.combo_fg { color:#FFFFFF !important; }
.color_combo_81 .combo_fg_inv, .color_combo_81.combo_fg_inv { color:#dd0000 !important; }
.color_combo_81 .combo_bg_opa, .color_combo_81.combo_bg_opa {background-color:#dd0000 !important; background-color: rgba(221,0,0,0.8) !important;}
.color_combo_81 .combo_bg_inv_opa, .color_combo_81.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}

/* Wettbewerbe */
.color_combo_84 .combo_bg, .color_combo_84.combo_bg { background-color:#3ad8ff !important; }
.color_combo_84 .combo_bg_inv, .color_combo_84.combo_bg_inv { background-color:#222222 !important; }
.color_combo_84 .combo_bd, .color_combo_84.combo_bd { border-color: #3ad8ff !important; }
.color_combo_84 .combo_bd_inv, .color_combo_84.combo_bd_inv { border-color: #222222 !important; }
.color_combo_84 .combo_fg, .color_combo_84.combo_fg { color:#222222 !important; }
.color_combo_84 .combo_fg_inv, .color_combo_84.combo_fg_inv { color:#3ad8ff !important; }
.color_combo_84 .combo_bg_opa, .color_combo_84.combo_bg_opa {background-color:#3ad8ff !important; background-color: rgba(58,216,255,0.8) !important;}
.color_combo_84 .combo_bg_inv_opa, .color_combo_84.combo_bg_inv_opa { background-color:#222222 !important; background-color: rgba(34,34,34,0.8) !important;}

/* Wein doch Blog */
.color_combo_85 .combo_bg, .color_combo_85.combo_bg { background-color:#c9af00 !important; }
.color_combo_85 .combo_bg_inv, .color_combo_85.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_85 .combo_bd, .color_combo_85.combo_bd { border-color: #c9af00 !important; }
.color_combo_85 .combo_bd_inv, .color_combo_85.combo_bd_inv { border-color: #FFFFFF !important; }
.color_combo_85 .combo_fg, .color_combo_85.combo_fg { color:#FFFFFF !important; }
.color_combo_85 .combo_fg_inv, .color_combo_85.combo_fg_inv { color:#c9af00 !important; }
.color_combo_85 .combo_bg_opa, .color_combo_85.combo_bg_opa {background-color:#c9af00 !important; background-color: rgba(201,175,0,0.8) !important;}
.color_combo_85 .combo_bg_inv_opa, .color_combo_85.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(255,255,255,0.8) !important;}

/* Facebook CC (for Topbox Breaker) */
.color_combo_86 .combo_bg, .color_combo_86.combo_bg { background-color:#FFFFFF !important; }
.color_combo_86 .combo_bg_inv, .color_combo_86.combo_bg_inv { background-color:#507be7 !important; }
.color_combo_86 .combo_bd, .color_combo_86.combo_bd { border-color: #FFFFFF !important; }
.color_combo_86 .combo_bd_inv, .color_combo_86.combo_bd_inv { border-color: #507be7 !important; }
.color_combo_86 .combo_fg, .color_combo_86.combo_fg { color:#507be7 !important; }
.color_combo_86 .combo_fg_inv, .color_combo_86.combo_fg_inv { color:#FFFFFF !important; }
.color_combo_86 .combo_bg_opa, .color_combo_86.combo_bg_opa {background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}
.color_combo_86 .combo_bg_inv_opa, .color_combo_86.combo_bg_inv_opa { background-color:#507be7 !important; background-color: rgba(80,123,231,0.8) !important;}

/* Comments CC (for Topbox Breaker) */
.color_combo_87 .combo_bg, .color_combo_87.combo_bg { background-color:#FFFFFF !important; }
.color_combo_87 .combo_bg_inv, .color_combo_87.combo_bg_inv { background-color:#999999 !important; }
.color_combo_87 .combo_bd, .color_combo_87.combo_bd { border-color: #FFFFFF !important; }
.color_combo_87 .combo_bd_inv, .color_combo_87.combo_bd_inv { border-color: #999999 !important; }
.color_combo_87 .combo_fg, .color_combo_87.combo_fg { color:#999999 !important; }
.color_combo_87 .combo_fg_inv, .color_combo_87.combo_fg_inv { color:#FFFFFF !important; }
.color_combo_87 .combo_bg_opa, .color_combo_87.combo_bg_opa {background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}
.color_combo_87 .combo_bg_inv_opa, .color_combo_87.combo_bg_inv_opa { background-color:#999999 !important; background-color: rgba(153,153,153,0.8) !important;}

/* Gigathlon-BLOG */
.color_combo_88 .combo_bg, .color_combo_88.combo_bg { background-color:#479e0b !important; }
.color_combo_88 .combo_bg_inv, .color_combo_88.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_88 .combo_bd, .color_combo_88.combo_bd { border-color: #479e0b !important; }
.color_combo_88 .combo_bd_inv, .color_combo_88.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_88 .combo_fg, .color_combo_88.combo_fg { color:#ffffff !important; }
.color_combo_88 .combo_fg_inv, .color_combo_88.combo_fg_inv { color:#479e0b !important; }
.color_combo_88 .combo_bg_opa, .color_combo_88.combo_bg_opa {background-color:#479e0b !important; background-color: rgba(71,158,11,0.8) !important;}
.color_combo_89 .combo_bg_inv_opa, .color_combo_88.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Briefe von der Heimatfront-BLOG */
.color_combo_89 .combo_bg, .color_combo_89.combo_bg { background-color:#091e39 !important; }
.color_combo_89 .combo_bg_inv, .color_combo_89.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_89 .combo_bd, .color_combo_89.combo_bd { border-color: #091e39 !important; }
.color_combo_89 .combo_bd_inv, .color_combo_89.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_89 .combo_fg, .color_combo_89.combo_fg { color:#ffffff !important; }
.color_combo_89 .combo_fg_inv, .color_combo_89.combo_fg_inv { color:#091e39 !important; }
.color_combo_89 .combo_bg_opa, .color_combo_89.combo_bg_opa {background-color:#091e39 !important; background-color: rgba(9,30,57,0.8) !important;}
.color_combo_89 .combo_bg_inv_opa, .color_combo_89.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Hugo Stamm-BLOG */
.color_combo_90 .combo_bg, .color_combo_90.combo_bg { background-color:#9d00a9 !important; }
.color_combo_90 .combo_bg_inv, .color_combo_90.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_90 .combo_bd, .color_combo_90.combo_bd { border-color: #9d00a9 !important; }
.color_combo_90 .combo_bd_inv, .color_combo_90.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_90 .combo_fg, .color_combo_90.combo_fg { color:#ffffff !important; }
.color_combo_90 .combo_fg_inv, .color_combo_90.combo_fg_inv { color:#9d00a9 !important; }
.color_combo_90 .combo_bg_opa, .color_combo_90.combo_bg_opa {background-color:#9d00a9 !important; background-color: rgba(157,0,169,0.8) !important;}
.color_combo_90 .combo_bg_inv_opa, .color_combo_90.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Eismeister Klaus-BLOG */
.color_combo_91 .combo_bg, .color_combo_91.combo_bg { background-color:#ff443d !important; }
.color_combo_91 .combo_bg_inv, .color_combo_91.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_91 .combo_bd, .color_combo_91.combo_bd { border-color: #ff443d !important; }
.color_combo_91 .combo_bd_inv, .color_combo_91.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_91 .combo_fg, .color_combo_91.combo_fg { color:#ffffff !important; }
.color_combo_91 .combo_fg_inv, .color_combo_91.combo_fg_inv { color:#ff443d !important; }
.color_combo_91 .combo_bg_opa, .color_combo_91.combo_bg_opa {background-color:#ff443d !important; background-color: rgba(255,68,61,0.8) !important;}
.color_combo_91 .combo_bg_inv_opa, .color_combo_91.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* FragFrauFreitag-BLOG */
.color_combo_92 .combo_bg, .color_combo_92.combo_bg { background-color:#c0004b !important; }
.color_combo_92 .combo_bg_inv, .color_combo_92.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_92 .combo_bd, .color_combo_92.combo_bd { border-color: #c0004b !important; }
.color_combo_92 .combo_bd_inv, .color_combo_92.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_92 .combo_fg, .color_combo_92.combo_fg { color:#ffffff !important; }
.color_combo_92 .combo_fg_inv, .color_combo_92.combo_fg_inv { color:#c0004b !important; }
.color_combo_92 .combo_bg_opa, .color_combo_92.combo_bg_opa {background-color:#c0004b !important; background-color: rgba(192,0,75,0.8) !important;}
.color_combo_92 .combo_bg_inv_opa, .color_combo_92.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Hipsterlitheater-BLOG */
.color_combo_93 .combo_bg, .color_combo_93.combo_bg { background-color:#1837b6 !important; }
.color_combo_93 .combo_bg_inv, .color_combo_93.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_93 .combo_bd, .color_combo_93.combo_bd { border-color: #1837b6 !important; }
.color_combo_93 .combo_bd_inv, .color_combo_93.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_93 .combo_fg, .color_combo_93.combo_fg { color:#ffffff !important; }
.color_combo_93 .combo_fg_inv, .color_combo_93.combo_fg_inv { color:#1837b6 !important; }
.color_combo_93 .combo_bg_opa, .color_combo_93.combo_bg_opa {background-color:#1837b6 !important; background-color: rgba(24,55,182,0.8) !important;}
.color_combo_93 .combo_bg_inv_opa, .color_combo_93.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Yonnihof-BLOG */
.color_combo_94 .combo_bg, .color_combo_94.combo_bg { background-color:#48269d !important; }
.color_combo_94 .combo_bg_inv, .color_combo_94.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_94 .combo_bd, .color_combo_94.combo_bd { border-color: #48269d !important; }
.color_combo_94 .combo_bd_inv, .color_combo_94.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_94 .combo_fg, .color_combo_94.combo_fg { color:#ffffff !important; }
.color_combo_94 .combo_fg_inv, .color_combo_94.combo_fg_inv { color:#48269d !important; }
.color_combo_94 .combo_bg_opa, .color_combo_94.combo_bg_opa {background-color:#48269d !important; background-color: rgba(72,38,157,0.8) !important;}
.color_combo_94 .combo_bg_inv_opa, .color_combo_94.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Der Enthüller-BLOG */
.color_combo_95 .combo_bg, .color_combo_95.combo_bg { background-color:#980000 !important; }
.color_combo_95 .combo_bg_inv, .color_combo_95.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_95 .combo_bd, .color_combo_95.combo_bd { border-color: #980000 !important; }
.color_combo_95 .combo_bd_inv, .color_combo_95.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_95 .combo_fg, .color_combo_95.combo_fg { color:#ffffff !important; }
.color_combo_95 .combo_fg_inv, .color_combo_95.combo_fg_inv { color:#980000 !important; }
.color_combo_95 .combo_bg_opa, .color_combo_95.combo_bg_opa {background-color:#980000 !important; background-color: rgba(152,0,0,0.8) !important;}
.color_combo_95 .combo_bg_inv_opa, .color_combo_95.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Ludmila Balkanovic-BLOG */
.color_combo_96 .combo_bg, .color_combo_96.combo_bg { background-color:#ca8741 !important; }
.color_combo_96 .combo_bg_inv, .color_combo_96.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_96 .combo_bd, .color_combo_96.combo_bd { border-color: #ca8741 !important; }
.color_combo_96 .combo_bd_inv, .color_combo_96.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_96 .combo_fg, .color_combo_96.combo_fg { color:#ffffff !important; }
.color_combo_96 .combo_fg_inv, .color_combo_96.combo_fg_inv { color:#ca8741 !important; }
.color_combo_96 .combo_bg_opa, .color_combo_96.combo_bg_opa {background-color:#ca8741 !important; background-color: rgba(202,135,65,0.8) !important;}
.color_combo_96 .combo_bg_inv_opa, .color_combo_96.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}

/* Corporate (z.B. Breaking News) */
.color_combo_97 .combo_bg, .color_combo_97.combo_bg { background-color:#000000 !important; }
.color_combo_97 .combo_bg_inv, .color_combo_97.combo_bg_inv { background-color:#f40f97 !important; }
.color_combo_97 .combo_bd, .color_combo_97.combo_bd { border-color: #000000 !important; }
.color_combo_97 .combo_bd_inv, .color_combo_97.combo_bd_inv { border-color: #f40f97 !important; }
.color_combo_97 .combo_fg, .color_combo_97.combo_fg { color:#f40f97 !important; }
.color_combo_97 .combo_fg_inv, .color_combo_97.combo_fg_inv { color:#000000 !important; }
.color_combo_97 .combo_bg_opa, .color_combo_97.combo_bg_opa {background-color:#000000 !important; background-color: rgba(0,0,0,0.8) !important;}
.color_combo_97 .combo_bg_inv_opa, .color_combo_97.combo_bg_inv_opa { background-color:#f40f97 !important; background-color: rgba(244,15,151,0.8) !important;}

/* External Links */
.color_combo_98 .combo_bg, .color_combo_98.combo_bg { background-color:#b3b7bb !important; }
.color_combo_98 .combo_bg_inv, .color_combo_98.combo_bg_inv { background-color:#ffffff !important; }
.color_combo_98 .combo_bd, .color_combo_98.combo_bd { border-color: #b3b7bb !important; }
.color_combo_98 .combo_bd_inv, .color_combo_98.combo_bd_inv { border-color: #ffffff !important; }
.color_combo_98 .combo_fg, .color_combo_98.combo_fg { color:#ffffff !important; }
.color_combo_98 .combo_fg_inv, .color_combo_98.combo_fg_inv { color:#b3b7bb !important; }
.color_combo_98 .combo_bg_opa, .color_combo_98.combo_bg_opa {background-color:#b3b7bb !important; background-color: rgba(179,183,187,0.8) !important;}
.color_combo_98 .combo_bg_inv_opa, .color_combo_98.combo_bg_inv_opa { background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}


/* Black on White */
.color_combo_99 .combo_bg, .color_combo_99.combo_bg { background-color:#ffffff !important; }
.color_combo_99 .combo_bg_inv, .color_combo_99.combo_bg_inv { background-color:#000000 !important; }
.color_combo_99 .combo_bd, .color_combo_99.combo_bd { border-color: #ffffff !important; }
.color_combo_99 .combo_bd_inv, .color_combo_99.combo_bd_inv { border-color: #000000 !important; }
.color_combo_99 .combo_fg, .color_combo_99.combo_fg { color:#000000 !important; }
.color_combo_99 .combo_fg_inv, .color_combo_99.combo_fg_inv { color:#ffffff !important; }
.color_combo_99 .combo_bg_opa, .color_combo_99.combo_bg_opa {background-color:#ffffff !important; background-color: rgba(255,255,255,0.8) !important;}
.color_combo_99 .combo_bg_inv_opa, .color_combo_99.combo_bg_inv_opa { background-color:#000000 !important; background-color: rgba(0,0,0,0.8) !important;}

/* Promotion Blue */
.color_combo_100 .combo_bg, .color_combo_100.combo_bg { background-color:#00c1f6 !important; }
.color_combo_100 .combo_bg_inv, .color_combo_100.combo_bg_inv { background-color:#FFFFFF !important; }
.color_combo_100 .combo_bd, .color_combo_100.combo_bd { border-color: transparent !important;  color:#FFFFFF; }
.color_combo_100 .combo_bd_inv, .color_combo_100.combo_bd_inv { border-color: transparent !important; }
.color_combo_100 .combo_fg, .color_combo_100.combo_fg { color:#FFFFFF !important; }
.color_combo_100 .combo_fg_inv, .color_combo_100.combo_fg_inv { color:#00c1f6 !important; }
.color_combo_100 .combo_bg_opa, .color_combo_100.combo_bg_opa {background-color:#00c1f6 !important; background-color: rgba(0,193,246,0.8) !important;}
.color_combo_100 .combo_bg_inv_opa, .color_combo_100.combo_bg_inv_opa { background-color:#FFFFFF !important; background-color: rgba(238,238,238,0.8) !important;}

/* regions only used on front layouts */
/* ================================== */
.cluster {
	clear:both;
	border-left:16px solid #fff;
}

.region {
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-width:0 16px 16px 0;
	border-color: #ffffff;
	border-style:solid;
	position:relative;
	background-position:center center;
	background-size:cover;
	background-color:#ffffff;
}

/* flexheight full width regions */
.cluster > .region.x_full_desktop.x_full_tablet:not(.y_full_desktop):not(.y_full_tablet):not(.y_16x9_desktop):not(.y_16x9_tablet):not(.y_1x1_desktop):not(.y_1x1_tablet) {
	border-bottom:0 !important;
}

.region.nester {
    border-bottom: 0 !important;
    border-right: 0 !important;
}

.region.no_borders {
	border-bottom:0 !important;
	border-right:0 !important;
}

.region.no_border_y {
	border-bottom:0 !important;
}

.region.no_border_x {
	border-right:0 !important;
}

.region.boundless {
	border-right-color:transparent;
	background-color:transparent;
}

.region.boundless:not(:last-child) {
	border-bottom-width:1px !important;
}

.cluster > .region.x_full_desktop.x_full_tablet:not(.y_full_desktop):not(.y_full_tablet) > .widget {
	margin-bottom:16px;
}

.region.x_third_desktop {
	width:33.33333%/*calc(100% / 3)*/;
}

.region.x_half_desktop {
	width:50%/*calc(100% / 2)*/;
}

.region.x_two_thirds_desktop {
	width:66.66666%/*calc(100% * 2 / 3)*/;
}

.region.x_full_desktop {
	width:100%;
}

.region.y_tenth_desktop {
    height:calc(672px / 10);
}

.region .widget.little_boxes .region.y_tenth_desktop.boundless:not(:last-child) {
	height:calc( (672px / 10) + 1px - 16px);
}

.region.y_tenth_desktop.boundless:not(:last-child) {
	height:calc( (672px / 10) + 1px - 16px);
}

.region.y_eighth_desktop {
	height:calc(672px / 8);
}

.region .widget.little_boxes .region.y_eighth_desktop.boundless:not(:last-child) {
	height:calc( (672px / 8) + 1px - 16px);
}

.region.y_eighth_desktop.boundless:not(:last-child) {
	height:calc( (672px / 8) + 1px - 16px);
}

.region.y_quarter_desktop {
	height:calc(672px / 4);
}

.region.y_half_desktop {
	height:calc(672px / 2);
}

.region.y_three_quarters_desktop {
	height:calc(672px * 3 / 4);
}

.region.y_full_desktop {
	height:672px;
}

.region.y_16x9_desktop .widget,
.region.y_1x1_desktop .widget {
	position:absolute;
	top:0;
	left:0;
}

.region.y_16x9_desktop {
	height:0;
	padding-bottom:calc( (100% - 16px) / 16 * 9);
}

.region.y_1x1_desktop {
	height:0;
	padding-bottom:calc(100% - 16px);
}

@media screen and (min-width: 976px) {
	.cluster {
		background-color:#ffffff;
		float:left;
		width:calc(994px + 16px)
	}

	.region.y_flex_desktop {
		height:auto;
	}

	.region.y_flex_desktop .teaser {
        margin-bottom:16px;
	}

    .mask_3_1 .region:first-child,
    .mask_4_1 .region:first-child {
        border-bottom: 0;
    }
    .mask_3_1 .region:first-child .mega_teaser,
    .mask_4_1 .region:first-child .mega_teaser {
        margin-bottom: 0;
    }

	.region.y_flex_desktop .teaser.text_only,
	.region.y_flex_desktop .widget {
		height:0 !important;
		padding-bottom:100% !important;
		margin-bottom:0;
	}

	.region.y_flex_desktop.hide_background > .watson-teaser__basic:not(.bridge) {
		height:0;
		padding-bottom:100%;
		margin-bottom:0;
	}
}

/* fullscreen (slideshow) */
/* ====================== */
.region.fullscreen,
.region .widget.spotlight_media.fullscreen {
	position: fixed !important;
	z-index: 12348 !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border:0 !important;
	padding-bottom: unset;
}

.region .widget.spotlight_media.fullscreen > .widget.slideshow {
	width: 100% !important;
}

.region.fullscreen .widget.slideshow {
	height: 100% !important;
	padding: 0 !important;
}


/* sticky element */
/* ============== */
.cluster.sticky.fixed {
	border-left:0 !important;
}

/* vertical spacer */
/* =============== */
.region .vertical_spacer {
	height:16px;
}
@media screen and (max-width: 975px) {
	.region .vertical_spacer {
		height:14px;
	}
}
@media screen and (max-width: 591px) {
	.region .vertical_spacer {
		height:10px;
	}
}

/* teaser arrows */
/* ============= */
.region.show_arrow {
	overflow:visible;
}

.region > .arrow {
	position:absolute;
	z-index:1;
	width:0;
	height:0;
	border:1.4em solid;
	font-size:2em;
}

.region > .arrow.left {
	left:calc(-2.8em + 2px);
	border-left-color: transparent !important;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}
.region > .arrow.left.show_on_desktop {
	left:calc(-2.8em);
}

.region > .arrow.top {
	top:calc(-2.8em + 2px);
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
}

.region > .arrow.x_middle {
	left:50%/*calc(100% / 2)*/;
	margin-left:-1.4em;
}

.region > .arrow.y_middle {
	top:50%/*calc(100% / 2)*/;
	margin-top:-1.4em;
}

/* textures */
/* ======== */
.region .texture {
	width:100%;
	height:100%;
	position:absolute;
	background-position: center center;
	background-size:100% 100%;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

/* subtle-text */
/* =========== */
.region .subtle_text {
	position:absolute;
	font-size:1.4em;
	text-transform:uppercase;
	padding:0.5em;
	z-index:2;
	left:8px;
	top:8px;
}


/* tablet */
/* ====== */
@media screen and (max-width: 975px) {

	.cluster {
		border-left-width:14px;
	}

	.region {
		border-width:0 14px 14px 0;
	}

	.cluster > .region.x_full_desktop.x_full_tablet:not(.y_full_desktop):not(.y_full_tablet) > .widget {
		margin-bottom:14px;
	}

    .mask_1_2,
    .mask_3_1,
    .mask_4_1,
    .mask_1_2 .region,
    .mask_3_1 .region,
    .mask_4_1 .region {
        border-left: 0;
        border-right: 0;
    }
    .mask_3_1,
    .mask_4_1,
    .mask_3_1 .region,
    .mask_4_1 .region {
        border-bottom: 0;
    }
    .mask_1_2 > .region:not(:first-child).y_full_mobile,
    .mask_3_1 > .region:not(:first-child).y_full_mobile,
    .mask_4_1 > .region:not(:first-child).y_full_mobile {
        height: auto;
    }

	.region.x_full_tablet { width:100%; }
	.region.x_half_tablet { width:50%/*calc(100% / 2)*/; }

	.region.y_tenth_tablet 				{ height:52px/*calc(520px / 10)*/; }
	.region .widget.little_boxes .region.y_tenth_tablet.boundless:not(:last-child) { height:39px/*calc( (520px / 10) + 1 - 14px)*/; }
	.region.y_tenth_tablet.boundless:not(:last-child) 	{ height:39px/*calc( (520px / 10) + 1 - 14px)*/; }
	.region.y_eighth_tablet 			{ height:65px/*calc(520px / 8)*/; }
	.region .widget.little_boxes .region.y_eighth_tablet.boundless:not(:last-child) { height:52px/*calc( (520px / 8) + 1 - 14px)*/; }
	.region.y_eighth_tablet.boundless:not(:last-child) 	{ height:52px/*calc( (520px / 8) + 1 - 14px)*/; }
	.region.y_quarter_tablet 			{ height:130px/*calc(520px / 4)*/; }
	.region.y_half_tablet 				{ height:260px/*calc(520px / 2)*/; }
	.region.y_three_quarters_tablet		{ height:390px/*calc(520px * 3 / 4)*/; }
	.region.y_full_tablet				{ height:520px; }

	.region.y_16x9_tablet .widget,
	.region.y_1x1_tablet .widget {
		position:absolute;
		top:0;
		left:0;
	}

	.region.y_16x9_tablet {
		height:0;
		padding-bottom:calc( (100% - 14px) / 16 * 9);
	}

	.region.y_1x1_tablet {
		height:0;
		padding-bottom:calc(100% - 14px);
	}

	/* to prevent fishtank ads from adding a border to tablet and mobile views */
	.region:first-child {
		border-left:0 !important;
	}

	/* subtle-text */
	/* =========== */
	.region .subtle_text {
		top:7px;
		left:7px;
	}
}





/* mobile */
/* ====== */
@media screen and (max-width: 591px) {

	.cluster {
		border-left-width:10px;
	}

	.wrapper:not(.no_tag_title) .cluster.sticky.fixed {
		top:8.8em;
	}

    .mask_1_2 > .region.y_full_mobile:not(.nester),
    .mask_3_1 > .region.y_full_mobile:not(.nester),
    .mask_4_1 > .region.y_full_mobile:not(.nester) {
        height: auto;
    }

	.region {
		width:100% !important;
		border-right:10px solid #fff;
		border-bottom:10px solid #fff;
	}

	.region > .region:not(.nester) {
		border-left:0 !important;
	}

	.region.no_borders {
		border-bottom:0 !important;
		border-right:0 !important;
	}

	.region.no_border_y {
		border-bottom:0 !important;
	}

	.region.no_border_x {
		border-right:0 !important;
	}

	.region.y_tenth_mobile				{ height:44px/*calc(440px / 10)*/; }
	.region .widget.little_boxes .region.y_tenth_mobile.boundless:not(:last-child) { height:35px/*calc( (440px / 10) + 1 - 10px)*/; }
	.region.y_tenth_mobile.boundless:not(:last-child)	{ height:35px/*calc( (440px / 10) + 1 - 10px)*/; }
	.region.y_eighth_mobile				{ height:55px/*calc(440px / 8)*/; }
	.region .widget.little_boxes .region.y_eighth_mobile.boundless:not(:last-child) { height:46px/*calc( (440px / 8) + 1 - 10px)*/; }
	.region.y_eighth_mobile.boundless:not(:last-child)	{ height:46px/*calc( (440px / 8) + 1 - 10px)*/; }
	.region.y_quarter_mobile			{ height:110px/*calc(440px / 4)*/; }
	.region.y_half_mobile				{ height:220px/*calc(440px / 2)*/; }
	.region.y_three_quarters_mobile		{ height:330px/*calc(440px * 3 / 4)*/; }
	.region.y_full_mobile:not(.nester)	{ height:360px; }
	.region.y_full_mobile				{ height:440px; }

	.region.y_16x9_mobile .widget,
	.region.y_1x1_mobile .widget {
		position:absolute;
		top:0;
		left:0;
	}

	.region.y_16x9_mobile {
		height:0;
		padding-bottom:calc( (100% - 10px) / 16 * 9);
	}

	.region.y_1x1_mobile {
		height:0;
		padding-bottom:calc(100% - 10px);
	}

	.cluster > .region.x_full_desktop.x_full_tablet:not(.y_full_desktop):not(.y_full_tablet) > .widget {
		margin-bottom:10px;
	}

	/* subtle-text */
	/* =========== */
	.region .subtle_text {
		top:5px;
		left:5px;
	}
}

/* desktop */
/* ======= */
/* to make sure all definitions only affect front view, always use .region */
/* ======================================================================= */
@media screen and (min-width: 976px) {

	/* hide background */
	/* =============== */
	.hide_background .watson-teaser__basic:not(.bridge) .watson-teaser__uppertitle span,
	.hide_background .watson-teaser__basic:not(.bridge) .watson-teaser__title span,
	.hide_background .watson-teaser__basic:not(.bridge) .watson-teaser__author {
		padding-left: .75rem;
		display: block;
	}

	.cluster.mask_2_4 .hide_background .watson-teaser.bridge .watson-teaser__title span {
		line-height: 1;
	}

	.hide_background .watson-teaser__basic:not(.bridge) .watson-teaser__text__shadow {
		filter: none;
	}

	.hide_background .watson-teaser__image {
		box-shadow: none;
	}

	.hide_background .watson-teaser__basic:not(.bridge) .watson-teaser__label__icon-row {
		bottom: 100%;
	}

	.hide_background .watson-teaser__basic:not(.bridge) .watson-teaser__image { display: none; }
	.hide_background .watson-teaser__basic:not(.bridge) .watson-teaser__label { position: absolute; }


	/* teaser on front */
	/* =============== */
	.region .teaser {
		height:100%;
		width:100%;
		position:relative;
		overflow:visible;
	}

	.region .teaser:not(.text_only):not(.mega_teaser_short) {
		background-color:#ffffff !important;
	}

	.region:not(.hide_background) > .watson-teaser__basic:not(.bridge) {
		background-color:#ffffff !important;
	}

	.region.boundless > .teaser {
		box-shadow:2px 3px 8px rgba(0,0,0,0.15); /* slightly lighter shadow for boundless teasers, to keep dividing line a bit lighter */
	}

    .region .mega_teaser_short_wrapper {
        display: flex;
        background-color: #0B0B0B;
        padding: 1.7em 0 1.7em 1.7em;
        margin-bottom:16px;
        border-style: solid;
        border-top-width: 6px;
        border-bottom-width: 6px;
    }

    .region .mega_teaser_short_wrapper:before {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-bottom: 17px solid #0B0B0B;
        top: -10px;
        left: 17px;
        z-index: 2;
    }

    .region .mega_teaser_short_wrapper .region {
        border: 0;
        background: transparent;
    }

    .region:not(.y_flex_desktop) .mega_teaser_short {
        margin-bottom: 0;
        width: auto;
    }

    .mega_teaser_short_wrapper .region:not(:first-child) .mega_teaser_short {
        margin-left: 16px;
    }

    .mega_teaser_short_wrapper .region:not(:first-child) {
        border-left: 1px solid #7C7C7C;
    }

    .region .teaser.mega_teaser .teaserlink:after,
    .teaser.mega_teaser .teaserlink:after {
        content: '';
        left: calc(100% / 5*3);
        right: 0;
        top: 0;
        bottom: 0;
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.9) 100%);
        position: absolute;
        z-index: 1;
    }

	.region .teaser .storyimage {
		top: 0px;
		left: 0px;
		width: 100%;
		background-size:cover;
		background-position: center center;
		background-repeat:no-repeat;
		z-index: 1;
		background-color:#ffffff;
		position:relative;
		height:0;
		padding-bottom:50%;
		box-shadow:2px 2px 9px rgba(0,0,0,0.2);
	}

	.cluster.mask_2_4 .watson-teaser__image,
	.cluster.mask_3_3 .region.x_third_desktop .watson-teaser__image,
	.cluster.mask_3_4 .region.y_half_desktop .watson-teaser__image,
	.cluster.mask_3_6 .watson-teaser__image,
	.cluster.mask_3_9 .watson-teaser__image,
	.cluster.mask_4_3 .region.y_half_desktop .watson-teaser__image,
	.cluster.mask_5_1 .region.nester .y_half_desktop .watson-teaser__image,
	.cluster.mask_5_1 .region.y_half_desktop .watson-teaser__image,
	.cluster.mask_5_3 .region.nester .y_half_desktop .watson-teaser__image,
	.cluster.mask_5_3 .region.y_half_desktop .watson-teaser__image,
	.cluster.mask_6_1 .watson-teaser__image,
	.cluster.mask_6_5 .watson-teaser__image {
		padding-top: 10rem;
	}

	.cluster.mask_2_4 .watson-teaser.bridge .watson-teaser__image {
		padding-top: 15rem;
	}

	.cluster.mask_2_3 .watson-teaser__image,
	.cluster.mask_2_6 .watson-teaser__image {
		padding-top: 20rem;
	}

	.cluster.mask_1_1 .watson-teaser__image,
	.cluster.mask_1_2 .watson-teaser__image,
	.cluster.mask_2_1 .watson-teaser__image,
	.cluster.mask_2_2 .watson-teaser__image,
	.cluster.mask_2_5 .watson-teaser__image,
	.cluster.mask_3_1 .watson-teaser__jumbo .watson-teaser__image,
	.cluster.mask_3_3 .region.x_two_thirds_desktop .watson-teaser__image,
	.cluster.mask_3_4 .region.y_full_desktop .watson-teaser__image,
	.cluster.mask_4_1 .watson-teaser__jumbo .watson-teaser__image,
	.cluster.mask_4_3 .region.y_full_desktop .watson-teaser__image,
	.cluster.mask_5_1 .region.y_full_desktop .watson-teaser__image,
	.cluster.mask_5_3 .region.y_full_desktop .watson-teaser__image {
		padding-top: 31.37rem;
	}

	.cluster.mask_2_4 .watson-teaser.bridge .watson-teaser__image {
		margin-bottom: 0;
	}

	.cluster.mask_2_4 .watson-teaser.bridge .watson-teaser__label {
		position: absolute;
		margin-left: .5rem;
		margin-right: .5rem;
	}

	.cluster.mask_2_4 .watson-teaser.bridge .watson-teaser__label__icon-row {
		position: relative;
	}

	.cluster.mask_2_4 .watson-teaser.bridge .watson-teaser__title span {
		background-color: white;
		line-height: 1.625;
	}

	.cluster.mask_3_1 .watson-teaser__jumbo-compact .watson-teaser__image {
		height: 8rem;
		width: 8rem;
	}

    .region .teaser.mega_teaser .storyimage {
        box-shadow: none;
    }

    .region .teaser.mega_teaser_short .storyimage {
        position:relative;
        z-index: 1;
    }

    .region .teaser.mega_teaser_short .storyimage,
    .region .teaser.mega_teaser_short .imagefade {
        width: 150px;
        height: 150px;
        padding: 0;
    }

    .mask_4_1 .region .teaser.mega_teaser_short .storyimage,
    .mask_4_1 .region .teaser.mega_teaser_short .imagefade {
        width: 100px;
        height: 100px;
    }

	.region .teaser .imagefade {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 1;
		height:0;
		padding-bottom:50%;
		box-shadow:0 0 100px rgba(0, 0, 0, 0.1) inset;
	}
    .region .teaser.mega_teaser_short .imagefade {
        background-color: white;
        z-index: 0;
    }

	/* story image aspect ratios per cluster slot */
	/* (2:1 being the default value defined in .storyimage's and .imagefade's initial definitions) */
	/* 2:3 */
	.region.x_third_desktop.y_full_desktop > .teaser .storyimage,
	.region.x_third_desktop.y_full_desktop > .teaser .imagefade {
		padding-bottom:calc(150% + 16px);
	}
	/* 4:3 */
	.region.x_two_thirds_desktop.y_full_desktop > .teaser .storyimage,
	.region.x_two_thirds_desktop.y_full_desktop > .teaser .imagefade {
		padding-bottom:calc(75% + 4px);
	}
	/* square */
	.region.x_half_desktop.y_full_desktop > .teaser .storyimage,
	.region.x_half_desktop.y_full_desktop > .teaser .imagefade {
		padding-bottom:100%;
	}
	/* 3:2 */
	.region.x_half_desktop.y_three_quarters_desktop > .teaser .storyimage,
	.region.x_half_desktop.y_three_quarters_desktop > .teaser .imagefade {
		padding-bottom:calc(100% * 2 / 3  - 9px);
		/*  - 9px only so to match height of vertical ad, while horizontal ad present */
		/* may be deleted at some time */
	}

	.region.x_half_desktop.y_three_quarters_desktop > .teaser.teaser_half_half .storyimage,
	.region.x_half_desktop.y_three_quarters_desktop > .teaser.teaser_half_half .imagefade {
		padding-bottom:calc(100% / 3);
	}
	.region.x_half_desktop.y_three_quarters_desktop > .teaser.teaser_type_bridge.teaser_half_half .storyimage,
	.region.x_half_desktop.y_three_quarters_desktop > .teaser.teaser_type_bridge.teaser_half_half .imagefade {
		padding-bottom:50%;
	}

	.region .teaser .storylink {
		display: block;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 2;
	}
	.region .teaser .storylink span {
		text-indent: -9999px;
		overflow: hidden;
		display: inline-block;
		position: absolute;
	}

	.region .teaser .text {
		width:100%;
		position:relative;
		z-index:1;
		bottom:0;
		padding:10px 0 0 0;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
	}
    .region .teaser.mega_teaser .text {
        position: absolute;
        width: calc(100% / 3);
        left: calc(100% / 3*2);
        padding: 6px 17px 6px 6px;
        box-sizing: border-box;
        bottom: unset;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

    .region .teaser.mega_teaser_short .text {
        width: auto;
        color: white;
        vertical-align: top;
        padding: 0;
        margin-bottom: 1.5rem;
    }

    .region .teaser.mega_teaser_short .comments_count {
        position: absolute;
        margin-left: 17px;
        font-weight: normal;
        font-size: 13px;
        line-height: normal;
        left: 150px;
        right: 0;
        bottom: 0;
        color: #A5A5A5;
    }
    .mask_4_1 .region .teaser.mega_teaser_short .comments_count {
        left: 100px;
    }

    .region .teaser.mega_teaser_short .comments_count:before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='11' rx='3' fill='%23CCCCCC'/%3E%3Cpath d='M11 10.5L5 14V7L11 10.5Z' fill='%23CCCCCC'/%3E%3C/svg%3E");
        width: 16px;
        height: 14px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 7px;
    }

	.region .teaser.teaser_type_bridge.teaser_half_half .text {
		position:absolute;
		padding:0 0 7px 0;
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 10em) repeat scroll 0 0;
	}

	/* general teaser parts definitions */
	/* ================================ */
	/* teaser maintitle */
	.region .teaser h2 {
		font-weight:bold;
		line-height:1.2em;
	}

    .region .teaser.mega_teaser h2 {
        color: #ffffff;
    }

	.region .teaser.teaser_type_bridge.teaser_half_half h2 {
		line-height: 1.62em;
	}

	.region .teaser:not(.teaser_type_list) h2 {
		-moz-hyphens: manual;
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		-o-hyphens: manual;
		hyphens: manual;
	}

	.region .teaser:not(.mega_teaser) .text h2 div,
	.region .teaser:not(.mega_teaser) .text h2 a,
	.region:not(.hide_background) .watson-teaser:not(.watson-teaser__jumbo):not(.watson-teaser__jumbo-compact) .watson-teaser__title {
		color:#222222;
	}

	.region .teaser.teaser_type_bridge.teaser_half_half .text h2 div {
		background-color:rgba(255,255,255,0.95) !important;
		box-shadow:2px 2px 9px rgba(0,0,0,0.2);
		color:#222222 !important;
		padding:0 7px 0 7px;
		-webkit-box-decoration-break: clone;
		-o-box-decoration-break: clone;
		box-decoration-break: clone;
		display: inline;
	}

	.region .teaser.color_combo_666.combo_bg .text h2 div,
	.region .teaser.color_combo_2.combo_bg .text h2 div,
	.region .teaser.color_combo_3.combo_bg .text h2 div,
	.region .teaser.color_combo_4.combo_bg .text h2 div,
	.region .teaser.color_combo_74.combo_bg .text h2 div,
	.region .teaser.color_combo_75.combo_bg .text h2 div,
	.region .teaser.color_combo_76.combo_bg .text h2 div,
	.region .teaser.color_combo_77.combo_bg .text h2 div {
		color:inherit;
	}

	.region .teaser.text_only .text h2 a {
	    color:inherit;
	}

	.region .teaser h3 {
		font-weight:bold;
		text-transform:uppercase;
		line-height:1.62em;
		padding-bottom:4px;
	}
	.region .teaser.teaser_type_bridge.teaser_half_half h3 {
		padding-bottom:0.05em;
	}

	.region .teaser h3 span  {
	    padding:0 8px 0 8px;
	    -webkit-box-decoration-break: clone;
	    -o-box-decoration-break: clone;
	    box-decoration-break: clone;
		background-image:url("/media/img/main/icons/icon_fold.png");
		background-position:top right;
		background-repeat:no-repeat;
		background-size:1.25em 1.25em;
		-webkit-clip-path: polygon(0 0, calc(100% - (1.30em / 2)) 0, 100% calc(1.30em / 2), 100% 100%, 0 100%); /* 1.30em instead of 1.25em, for renderbuffering */
		clip-path: polygon(0 0, calc(100% - (1.30em / 2)) 0, 100% calc(1.30em / 2), 100% 100%, 0 100%);

	}

	.region .teaser p.author {
		font-weight:bold;
		text-transform: lowercase;
		line-height:1.4em;
		padding:5px 0 0 0;
		color:#999999;
	}

	.region .teaser p.lead,
    .region .teaser p.more {
		line-height:1.3em;
		color:#999999;
		padding:5px 0 0 0;
	}

	.region.y_half_desktop .teaser p.lead,
	.region.y_quarter_desktop .teaser p.lead,
	.region.y_eighth_desktop .teaser p.lead,
	.region.y_tenth_desktop .teaser p.lead  { display:none !important; }

	.region .teaser p.lead span.author {
		font-weight:bold;
		text-transform: lowercase;
	}

    .region .teaser p.more {
        color:#00C1F6;
    }
    .region .teaser p.more:after {
        content: '\203A';
        margin-left: 0.5em;
        font-size: 130%;
    }

	/* text only teasers */
	/* ================= */
	.region .teaser:not(.teaser_type_list):not(.teaser_type_tagbreaker).text_only {
		box-shadow:2px 2px 9px rgba(0,0,0,0.2);
	}

	.region .teaser:not(.teaser_type_list):not(.teaser_type_tagbreaker).text_only .storyimage {
		display:none !important;
	}

	.region .teaser:not(.teaser_type_list):not(.teaser_type_tagbreaker).text_only .imagefade {
		display:none !important;
	}

	.region .teaser:not(.mega_teaser):not(.teaser_type_list):not(.teaser_type_tagbreaker).text_only .text {
		padding:0 10px 10px 10px;
		padding-right:10px;
		width:calc(100% - 20px);
		position:absolute;
	}

	.region .teaser:not(.teaser_type_list):not(.teaser_type_tagbreaker).text_only .text h2 span {
		color:inherit;
	}

	/* teaser for bridge advert */
	/* ======================== */
	.region.x_third_desktop .teaser.teaser_type_bridge,
	.region.x_half_desktop .teaser.teaser_type_bridge {
		width:calc(100% - 16px);
		height:calc(100% - 16px);
		top:8px;
		left:8px;
		padding-bottom:16px;
	}

	.region.x_third_desktop .teaser.teaser_type_bridge.teaser_half_half,
	.region.x_half_desktop .teaser.teaser_type_bridge.teaser_half_half {
		padding-bottom:0px;
	}

	.region .teaser.teaser_type_bridge .text h2,
	.region .teaser.teaser_type_bridge .text h3 {
		padding-left:10px;
		padding-right:10px;
	}

	.region .teaser.teaser_type_bridge .text h2 {
		font-size:1.8em !important;
	}

	.region.x_third_desktop .teaser.teaser_type_bridge .text .iconrow {
		display:none !important;
	}

	.region.x_third_desktop.y_full_desktop > .teaser.teaser_type_bridge .storyimage,
	.region.x_third_desktop.y_full_desktop > .teaser.teaser_type_bridge .imagefade {
		padding-bottom:160.1%;
	}

	/* list teaser */
	/* =========== */
	.region .teaser.teaser_type_list {
		background:#fff !important;
	}

	.region .teaser.teaser_type_list h2 {
		line-height:1.2;
	}

	.region .teaser.teaser_type_list .pic {
		position:relative;
		height:100%;
	}

	.region .teaser.teaser_type_list .pic .imagefade,
	.region .teaser.teaser_type_list .pic .storyimage {
		padding-bottom:100%;
	}

	.region .teaser.teaser_type_list .number {
		display:table;
		height:100%;
		position:relative;
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(100% - 7px),rgba(0,0,0,0.05) 100%);
	}

	.region .teaser.teaser_type_list .number span {
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		font-size:4em;
		font-weight:bold;
	}

	.region .teaser.teaser_type_list .number.font_s span {
		font-size:1.4em;
	}

	/* 1/10 */
	.region.y_tenth_desktop > .teaser.teaser_type_list .number,
	.region.y_tenth_desktop > .teaser.teaser_type_list .pic {
	    width:calc( (100% - (3 * 16px) ) / 5);
	}

	.region.y_tenth_desktop > .teaser.teaser_type_list .number:not(.font_s) span {
	    font-size:3em;
	}

	.region.y_tenth_desktop > .teaser.teaser_type_list .text {
	    padding-left:calc( (100% - (3 * 16px) ) / 5);
	}

	/* 1/8 */
	.region.y_eighth_desktop .teaser.teaser_type_list .number,
	.region.y_eighth_desktop .teaser.teaser_type_list .pic {
		width:calc( (100% - (3 * 16px) ) / 4);
	}

	.region.y_eighth_desktop .teaser.teaser_type_list .text {
		padding-left:calc( (100% - (3 * 16px) ) / 4);
	}

	/* 1/4 */
	.region.y_quarter_desktop .teaser.teaser_type_list .number,
	.region.y_quarter_desktop .teaser.teaser_type_list .pic {
		width:calc( (100% - 16px) / 2);
	}

    .region .teaser.mega_teaser_short .pic {
        margin-right: 17px;
    }

    .region.y_quarter_desktop .teaser.teaser_type_list .text {
		padding-left:calc( (100% - 16px) / 2);
	}

	.region .teaser.teaser_type_list .text {
		display:table;
		padding:0;
		position:absolute;
		left:0;
		top:0;
		width:auto;
		height:100%;
	}

	.region.boundless .teaser.teaser_type_list .text h2 {
		padding:2px 8px 2px 8px;
	}

	.region .teaser.teaser_type_list .text .iconrow {
		left:10px;
		bottom:5px;
	}

	.region .teaser.teaser_type_list .imagefade {
		box-shadow:inset 0 0 100px rgba(0,0,0,0.12);
	}

	/* ========== */
	/* FONT SIZES */
	/* ========== */

	.cluster.mask_1_1 .watson-teaser__title {
		font-size: 2.25rem;
	}

	.cluster.mask_2_1 .watson-teaser__title,
	.cluster.mask_2_2 .watson-teaser__title,
	.cluster.mask_2_3 .watson-teaser__title,
	.cluster.mask_2_4 .watson-teaser__title,
	.cluster.mask_2_5 .watson-teaser__title,
	.cluster.mask_2_6 .watson-teaser__title,
	.cluster.mask_4_3 .y_full_desktop .watson-teaser__title,
	.cluster.mask_5_3 .region:not(.nester).y_full_desktop .watson-teaser__title {
		font-size: 1.5rem;
	}

	.cluster.mask_2_3 .watson-teaser.bridge .watson-teaser__title,
	.cluster.mask_2_4 .watson-teaser.bridge .watson-teaser__title,
	.cluster.mask_2_5 .watson-teaser.bridge .watson-teaser__title {
		font-size: 1.125rem;
	}

	.cluster.mask_1_2 .watson-teaser__jumbo .watson-teaser__title,
	.cluster.mask_3_1 .watson-teaser__jumbo .watson-teaser__title,
	.cluster.mask_4_1 .watson-teaser__jumbo .watson-teaser__title {
		font-size: 28px;
	}

	.cluster.mask_2_1 .x_two_thirds_desktop .watson-teaser__title,
	.cluster.mask_2_2 .x_two_thirds_desktop .watson-teaser__title,
	.cluster.mask_3_3 .x_two_thirds_desktop .watson-teaser__title,
	.cluster.mask_3_4 .x_two_thirds_desktop .watson-teaser__title {
		font-size: 1.875rem;
	}

	.cluster.mask_3_1 .watson-teaser__jumbo-compact .watson-teaser__title {
		font-size: 1rem;
	}

	.region .teaser h3,
	.region .teaser p.author,
    .region .teaser p.more,
    .mask_4_1 .region .teaser.mega_teaser_short h2 { font-size:1.4em; } /* 14px / 10px */
	.region .teaser h2,
	.region .teaser p.lead { font-size:1.8em; } /* 18px / 10px */

	/* 1/10 teasers */
	/* =========== */
	.region.y_tenth_desktop > .teaser h2 { font-size:1.4em; } /* 14px / 10px */

	/* 1/8 teasers */
	/* =========== */
	.region.y_eighth_desktop > .teaser h2 { font-size:1.4em; } /* 14px / 10px */

	/* 1/4 teasers */
	/* =========== */
	.region.y_quarter_desktop > .teaser h2,
	.region.y_quarter_desktop > .widget h2 { font-size:1.4em; } /* 14px / 10px */

	/* 1/2 teasers */
	/* =========== */
	.region.y_half_desktop > .teaser h2,
	.region.y_half_desktop > .widget h2 { font-size:1.8em; } /* 18px / 10px */

	/* 1/3 1/1 teasers */
	/* =============== */
	.region.y_full_desktop.x_third_desktop > .teaser h2,
	.region.y_full_desktop.x_third_desktop > .widget h2 { font-size:2.2em; } /* 22px ?????? / 10px */

	/* 2/3 1/1 teasers */
	/* =============== */
	.region.y_full_desktop.x_two_thirds_desktop > .teaser h2,
	.region.y_full_desktop.x_two_thirds_desktop > .widget h2 { font-size:3em; } /* 30px / 10px */

	/* 1/2 3/4 teasers */
	/* =============== */
	.region.y_three_quarters_desktop.x_half_desktop > .teaser h2,
	.region.y_three_quarters_desktop.x_half_desktop > .widget h2 { font-size:2.4em; } /* 24px / 10px */

	/* 1/2 1/1 teasers */
	/* =============== */
	.region.y_full_desktop.x_half_desktop > .teaser h2,
	.region.y_full_desktop.x_half_desktop > .widget h2 { font-size:3em; } /* 30px / 10px */

	/* 1/1 1/1 teasers */
	/* =============== */
	.cluster > .region.x_full_desktop.y_full_desktop > .teaser h2,
	.cluster > .region.x_full_desktop.y_full_desktop > .widget h2 { font-size:4em; } /* 40px / 10px */

	/* 16x9, square, 1x1 teasers */
	/* ========================= */
	.region.y_16x9_desktop.x_full_desktop > .teaser h2,
	.region.y_16x9_desktop.x_full_desktop > .widget h2,
	.region.y_1x1_desktop.x_full_desktop > .teaser h2,
	.region.y_1x1_desktop.x_full_desktop > .widget h2 { font-size:4em; } /* 40px / 10px */

	/* tag teaser scaling */
	/* ================== */
	.cluster > .region.y_half_desktop > .teaser.tag_teaser { height:320px; }
	.cluster > .region.y_full_desktop > .teaser.tag_teaser { height:496px; }

	/* text-only teaser scaling */
	/* ================== */
	.cluster > .region.y_half_desktop > .teaser.teaser_type_default.text_only { padding-bottom:0 !important; height:320px !important; }
	.cluster > .region.y_half_desktop.hide_background > .watson-teaser__basic:not(.bridge) { height: 320px; padding: 0; }
	.cluster > .region.y_full_desktop > .teaser.teaser_type_default.text_only { padding-bottom:0 !important; height:656px !important; }
	.cluster > .region.y_full_desktop.hide_background > .watson-teaser__basic:not(.bridge) { height: 656px; padding: 0; }
}

@media screen and (min-width: 976px) {
	.region .teaser p.author {
		text-transform: initial;
	}

	.region .teaser p.lead span.author {
		text-transform: initial;
	}
}

/* tablet and mobile */
/* ================= */
/* to make sure all definitions only affect front view, always use .region */
/* ======================================================================= */
@media screen and (max-width: 975px) {

	/* hide background */
	/* =============== */
	.hide_background .watson-teaser__uppertitle span,
	.hide_background .watson-teaser__title span {
		padding-left: 0;
	}

	.hide_background .watson-teaser__text__shadow {
		filter: none;
	}

	.region:not(.hide_background) .watson-teaser:not(.watson-teaser__jumbo):not(.watson-teaser__jumbo-compact) .watson-teaser__title {
		color:#222222;
	}

	/* teaser on front */
	/* =============== */
    .region .mega_teaser_short_wrapper {
        display: flex;
        background-color: #0B0B0B;
        padding: 1.7em 0 1.7em 1.7em;
        margin-bottom: 10px;
        border-style: solid;
        border-top-width: 6px;
        border-bottom-width: 6px;
    }
    .region .mega_teaser_short_wrapper:after {
        content: '';
        clear: both;
        display: block;
    }
    .region .mega_teaser_short_wrapper:before {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-bottom: 17px solid #0B0B0B;
        top: -10px;
        left: 17px;
        z-index: 2;
    }

	.region .teaser {
		height:100%;
		width:100%;
		position:relative;
		overflow:hidden;
		box-shadow:2px 2px 9px rgba(0,0,0,0.2);
	}

	.region .teaser:not(.text_only):not(.mega_teaser_short) {
		background-color:#ffffff !important;
	}

    .region .mega_teaser_short {
        width: auto;
        box-shadow: none;
    }

	.region.boundless > .teaser {
		box-shadow:2px 3px 8px rgba(0,0,0,0.15); /* slightly lighter shadow for boundless teasers, to keep dividing line a bit lighter */
	}

    .region .mega_teaser_short_wrapper .region {
        border: 0;
        background: none;
    }

    .region .teaser.mega_teaser_short .pic {
        float: left;
        margin-right: 17px;
        background-repeat: no-repeat;
    }

	.region .teaser .storyimage {
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		z-index: 1;
	}

    .region .teaser.mega_teaser_short .storyimage {
        position: relative;
    }

    .region .teaser.mega_teaser_short .storyimage,
    .region .teaser.mega_teaser_short .imagefade {
        width: 120px;
        height: 120px;
        padding: 0;
    }

	.region .teaser .imagefade {
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 1;
	}

    .region .teaser.mega_teaser .imagefade {
        background: linear-gradient(180deg, rgba(30,30,30,0) 0%, rgba(30,30,30,0.5) 20%, rgba(30,30,30,1) 100%);
        height: calc(100% / 5*2);
        top: unset;
        bottom: 0;
    }

	.region .teaser .storylink {
		display: block;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 2;
	}
	.region .teaser .storylink span {
		text-indent: -9999px;
		overflow: hidden;
		display: inline-block;
		position: absolute;
	}

	.region .teaser .text {
		width:100%;
		position:absolute;
		z-index:1;
		bottom:0;
		padding:0 0 10px 0;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
	}

    .region .teaser.mega_teaser .text {
        padding: 0 20px 24px 15px;
        box-sizing: border-box;
        z-index: 2;
    }

    .region .teaser.mega_teaser_short .text {
        width: auto;
        color: white;
        vertical-align: top;
        padding: 0;
        position: relative;
        margin-bottom: 1.5rem;
    }

    .region .teaser.mega_teaser_short .comments_count {
        position: absolute;
        margin-left: 17px;
        font-weight: normal;
        font-size: 13px;
        line-height: normal;
        left: 120px;
        right: 0;
        bottom: 0;
        color: #A5A5A5;
    }

    .region .teaser.mega_teaser_short .comments_count:before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='11' rx='3' fill='%23CCCCCC'/%3E%3Cpath d='M11 10.5L5 14V7L11 10.5Z' fill='%23CCCCCC'/%3E%3C/svg%3E");
        width: 16px;
        height: 14px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 7px;
    }

	/* general teaser parts definitions */
	/* ================================ */
	.region .teaser h2 {
		font-weight:bold;
		line-height:1.3em;
		font-size:1.77777em;
	}
    .region .teaser.mega_teaser h2 {
        color: #ffffff;
        padding-top: 0;
    }

	.region .teaser:not(.teaser_type_list) h2 {
		-moz-hyphens: manual;
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		-o-hyphens: manual;
		hyphens: manual;
	}

	.region .teaser h2 a {
		color:inherit;
	}

	.region .teaser h3 {
		font-weight:bold;
		text-transform:uppercase;
		padding-top:10px;
		line-height:1.62em;
		margin-bottom:-0.29em;
		font-size:1.33333em;
	}

	.region .teaser p.author {
		font-weight:bold;
		text-transform: lowercase;
		line-height:1.6em;
		padding:0.4em 12px 0 12px;
		text-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.6);
		-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,0.3));
		-ms-filter:drop-shadow(0 0 4px rgba(0,0,0,0.3));
		filter:drop-shadow(0 0 4px rgba(0,0,0,0.3));
	}

	.region .teaser p.lead {
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		line-height:1.3em;
		color:#ffffff;
		text-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.6);
		-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,0.3));
		-ms-filter:drop-shadow(0 0 4px rgba(0,0,0,0.3));
		filter:drop-shadow(0 0 4px rgba(0,0,0,0.3));
	}

	.region.y_half_tablet .teaser p.lead,
	.region.y_quarter_tablet .teaser p.lead,
	.region.y_eighth_tablet .teaser p.lead,
	.region.y_tenth_tablet .teaser p.lead { display:none !important; }

	.region .teaser p.lead span.author {
		font-weight:bold;
		text-transform: lowercase;
	}

    .region .teaser p.more {
        line-height:1.3em;
        color:#00C1F6;
        padding:5px 0 0 0;
    }

    .region .teaser p.more:after {
        content: '\203A';
        margin-left: 0.5em;
        font-size: 130%;
    }

	/* default teasers */
	/* =============== */
	.region .teaser:not(.text_only):not(.teaser_type_list):not(.mega_teaser):not(.mega_teaser_short) .text {
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 10em) repeat scroll 0 0;
	    padding-top: 10em;
	}

	.region.y_half_tablet .teaser:not(.text_only):not(.teaser_type_list) .text {
	    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 5em) repeat scroll 0 0;
	    padding-top: 5em;
	}

	.region .teaser:not(.text_only):not(.teaser_type_list):not(.mega_teaser):not(.mega_teaser_short) .text h2 {
		line-height:1.62em;
	}

	.region .teaser:not(.teaser_type_list):not(.mega_teaser):not(.mega_teaser_short) .text h2 {
	    padding:0 20px 0 10px; /* 10px + 10px safety to the right */
	}

	.region .teaser:not(.text_only):not(.teaser_type_list) .text h2 a,
	.region .teaser:not(.text_only):not(.teaser_type_list):not(.mega_teaser_short) .text h2 div {
	    background-color:rgba(255,255,255,0.95) !important;
	    box-shadow:2px 2px 9px rgba(0,0,0,0.2);
	    color:#222222 !important;
	    padding:0 7px 0 7px;
	    -webkit-box-decoration-break: clone;
	    -o-box-decoration-break: clone;
	    box-decoration-break: clone;
		display: inline;
	}

	.region .teaser:not(.teaser_type_list) .text p.author {
	    line-height:1.4em;
	    color:#ffffff;
	}

	.region .teaser:not(.teaser_type_list) .text h3 {
		padding:0 20px 0.35em 10px; /* 10px + 10px safety to the right */
	}

	.region .teaser:not(.text_only):not(.teaser_type_list) .text h3 span  {
	    padding:0 7px 0 7px;
	    -webkit-box-decoration-break: clone;
	    -o-box-decoration-break: clone;
	    box-decoration-break: clone;
	    box-shadow:2px 2px 9px rgba(0,0,0,0.2);
	}

	.region .teaser h3 span {
		background-image:url("/media/img/main/icons/icon_fold.png");
		background-position:top right;
		background-repeat:no-repeat;
		background-size:1.25em 1.25em;
		box-shadow: none !important;
		-webkit-clip-path: polygon(0 0, calc(100% - (1.30em / 2)) 0, 100% calc(1.30em / 2), 100% 100%, 0 100%); /* 1.30em instead of 1.25em, for renderbuffering */
		clip-path: polygon(0 0, calc(100% - (1.30em / 2)) 0, 100% calc(1.30em / 2), 100% 100%, 0 100%);
        display: inline-block;
	}

	/* teaser for bridge advert */
	/* ======================== */
	.region.x_half_tablet .teaser.teaser_type_bridge {
		position:absolute;
		width:calc(100% - 14px);
		height:calc(100% - 14px);
		bottom:7px;
		left:7px;
	}

	.region.x_half_tablet .teaser.teaser_type_bridge .text .iconrow {
		display:none !important;
	}

	/* teaser for paid content */
	/* ======================= */
	.region .teaser.teaser_type_paid_content .storylink {
		border-width: 7px ;
		border-style: solid;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		width:100%;
		height:100%;
	}

	.region .teaser.teaser_type_paid_content .text {
		padding-right: 7px !important;
		padding-left:7px !important;
		padding-bottom:18px ! important;
		width:Calc(100% - 14px);
	}

	/* => this could also be done with color combos */
	.region .teaser.teaser_type_paid_content:not(.teaser_type_list) .text h2 a,
	.region .teaser.teaser_type_paid_content:not(.teaser_type_list) .text h2 div {
		background-color:#00c1f6 !important;
		color:#ffffff !important;
	}

	/* teaser promobox */
	.region .teaser.teaser_type_paid_content.color_combo_100:not(.teaser_type_list) .text h2 a,
	.region .teaser.teaser_type_paid_content.color_combo_100:not(.teaser_type_list) .text h2 div {
		background-color:#FFFFFF !important;
		color:#000000 !important;
	}

	.region .teaser.teaser_type_paid_content .badgerow {
		top:calc(10px + 7px);
		right:calc(10px + 7px);
	}

	.region .teaser.teaser_type_paid_content .media_icons {
		margin-left:8px;
	}

	/* list teaser */
	/* =========== */
	.region .teaser.teaser_type_list {
		background:#fff !important;
	}

	.region .teaser.teaser_type_list h2 {
		line-height:1.2;
	}

	.region .teaser.teaser_type_list .pic {
		position:relative;
		height:100%;
	}

	.region .teaser.teaser_type_list .number {
		display:table;
		height:100%;
		position:relative;
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(100% - 7px),rgba(0,0,0,0.05) 100%);
	}

	.region .teaser.teaser_type_list .number span {
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		font-size:3em;
		font-weight:bold;
	}

	.region .teaser.teaser_type_list .number.font_s span {
		font-size:1.3333em;
	}

	/* 1/10 */
	.region.y_tenth_tablet > .teaser.teaser_type_list .number {
	    width:40px/*calc(520px / 10 - 12px)*/;
	}

	.region.y_tenth_tablet > .teaser.teaser_type_list .number span {
	    font-size:3.6em;
	}

	.region.y_tenth_tablet > .teaser.teaser_type_list .text {
	    padding: 0 0 0 40px/*calc(520px / 10 - 12px)*/;
	}

	/* 1/8 */
	.region.y_eighth_tablet .teaser.teaser_type_list .number,
	.region.y_eighth_tablet .teaser.teaser_type_list .pic {
		width:53px/*calc(520px / 8 - 12px)*/;
	}

	.region.y_eighth_tablet .teaser.teaser_type_list .text {
		padding-left:53px/*calc(520px / 8 - 12px)*/;
	}

	/* 1/4 */
	.region.y_quarter_tablet .teaser.teaser_type_list .pic {
		width:118px/*calc(520px / 4 - 12px)*/;
	}

	.region.y_quarter_tablet .teaser.teaser_type_list .text {
		padding-left:118px/*calc(520px / 4 - 12px)*/;
	}

	.region .teaser.teaser_type_list .text {
		display:table;
		padding:0;
		position:absolute;
		left:0;
		top:0;
		width:auto;
		height:100%;
	}

	.region .teaser.teaser_type_list .text .iconrow {
		left:10px;
		bottom:5px;
	}

	.region .teaser.teaser_type_list .imagefade {
		box-shadow:inset 0 0 100px rgba(0,0,0,0.12);
	}
}

/* mobile only */
/* =========== */
@media screen and (max-width: 591px) {

    .teaser .text .iconrow {
        font-size: 1.4em;
    }

    .region .mega_teaser_short_wrapper {
        display: block;
        padding: 1.7em;
    }

    .mega_teaser_short_wrapper .region:not(:first-child) {
        border-top: 1px solid #7C7C7C;
    }

    .region .mega_teaser_short {
       margin: 14px 0;
    }

    .region .teaser.mega_teaser .storyimage {
        position: relative;
    }
    .region .teaser.mega_teaser .storyimage,
    .region .teaser.mega_teaser .imagefade {
        height: calc(100vw / 2);
    }
    .region .teaser.mega_teaser .imagefade {
        background: linear-gradient(180deg, rgba(30,30,30,0) 80%, rgba(30,30,30,0.9) 100%);
        top: 0;
    }

    .region .teaser.mega_teaser_short .storyimage,
    .region .teaser.mega_teaser_short .imagefade {
        width: 70px;
        height: 70px;
    }

	.region .teaser h2 {
		font-size:2em;
	}

	.region .teaser h3 {
		font-size:1.4285em;
	}

	.region.y_half_mobile .teaser p.lead,
	.region.y_quarter_mobile .teaser p.lead,
	.region.y_eighth_mobile .teaser p.lead,
	.region.y_tenth_mobile .teaser p.lead { display:none !important; }

	/* default teaser */
	/* ============== */
	.region .teaser:not(.text_only):not(.teaser_type_list):not(.mega_teaser):not(.mega_teaser_short) .text {
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 10em) repeat scroll 0 0;
	    padding-top: 7.5em;
	}

	.region.y_half_mobile .teaser:not(.text_only):not(.teaser_type_list):not(.mega_teaser):not(.mega_teaser_short) .text {
	    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 5em) repeat scroll 0 0;
	    padding-top: 5em;
	}

    .region .teaser.mega_teaser .text {
        position: relative;
        background: #1e1e1e;
        padding-top: 10px;
    }

	.region .teaser:not(.text_only):not(.teaser_type_list) .text h3 span,
	.region .teaser:not(.text_only):not(.teaser_type_list) .text h2 a {
		padding:0 6px;
	}

	/* teaser for bridge advert */
	/* ======================== */
	.region.x_half_tablet .teaser.teaser_type_bridge {
		width:calc(100% - 10px);
		height:calc(100% - 10px);
		bottom:5px;
		left:5px;
	}

	/* teaser for paid content */
	/* ======================= */
	.region .teaser.teaser_type_paid_content .storylink {
		border-width: 5px ;
	}

	.region .teaser.teaser_type_paid_content .text {
		padding-right: 5px !important;
		padding-left:5px !important;
		width:Calc(100% - 10px);
	}

	.region .teaser.teaser_type_paid_content .badgerow {
		top:calc(10px + 5px);
		right:calc(10px + 5px);
	}

	/* list teaser */
	/* =========== */
	.region .teaser.teaser_type_list .number.font_s span {
		font-size:1.714em;
	}

	/* 1/10 */
	.region.y_tenth_mobile > .teaser.teaser_type_list .number {
        width:34px/*calc(440px / 10 - 10px)*/;
    }

    .region.y_tenth_mobile > .teaser.teaser_type_list .text {
        padding: 0 0 0 34px/*calc(440px / 10 - 10px)*/;
    }

	/* 1/8 */
	.region.y_eighth_mobile .teaser.teaser_type_list .number,
	.region.y_eighth_mobile .teaser.teaser_type_list .pic {
    	width:45px/*calc(440px / 8 - 10px)*/;
	}

	.region.y_eighth_mobile .teaser.teaser_type_list .text {
		padding-left:45px/*calc(440px / 8 - 10px)*/;
	}

	/* 1/4 */
	.region.y_quarter_mobile .teaser.teaser_type_list .pic {
    	width:100px/*calc(440px / 4 - 10px)*/;
	}

	.region.y_quarter_mobile .teaser.teaser_type_list .text {
		padding-left:100px/*calc(440px / 4 - 10px)*/;
	}

    .region .teaser.mega_teaser_short .comments_count {
        left: 70px;
    }
}

/* FONT SIZES */
/* ========== */
/* tablet only */
/* =========== */
@media screen and (min-width: 592px) and (max-width: 975px) {

	.cluster.mask_1_1 .watson-teaser__title {
		font-size: 1.5rem;
	}

    .mega_teaser_short_wrapper .region:not(:first-child) { border-left: 1px solid #7C7C7C; }
    .mega_teaser_short_wrapper .region:not(:first-child) .mega_teaser_short { margin-left: 16px; }

	.region .teaser h3,
	.region .teaser p.author,
    .region .teaser p.more { font-size:1.33333em; } /* 12px / 9px */
	.region .teaser h2,
	.region .teaser p.lead { font-size:1.77777em; } /* 16px / 9px */

	/* 1/10 teasers */
	/* =========== */
	.region.y_tenth_tablet > .teaser h2 { font-size:1.33333em; } /* 12px / 9px */

	/* 1/8 teasers */
	/* =========== */
	.region.y_eighth_tablet > .teaser h2 { font-size:1.33333em; } /* 12px / 9px */

	/* 1/4 teasers */
	/* =========== */
	.region.y_quarter_tablet > .teaser h2,
	.region.y_quarter_tablet > .widget h2 { font-size:1.55555em; } /* 14px / 9px */

	/* 1/2 teasers */
	/* =========== */
	/* standard */
	.region.y_half_tablet > .teaser h2,
	.region.y_half_tablet > .widget h2 { font-size:1.55555em; } /* 14px / 9px */

	/* 1/2 3/4 teasers */
	/* =============== */
	.region.y_three_quarters_tablet.x_half_tablet > .teaser h2,
	.region.y_three_quarters_tablet.x_half_tablet > .widget h2 { font-size:1.77777em; } /* 16px / 9px */

	/* 1/2 1/1 teasers */
	/* =============== */
	.region.y_full_tablet > .teaser h2,
	.region.y_full_tablet > .widget h2 { font-size:1.77777em; } /* 16px / 9px */

	/* full teasers */
	/* ============ */
	.cluster > .region.x_full_tablet.y_full_tablet > .teaser h2,
	.cluster > .region.x_full_tablet.y_full_tablet > .widget h2 { font-size:3.33333em; } /* 30px / 9px */

    .cluster > .region.x_full_tablet.y_full_tablet > .teaser.mega_teaser h2 { font-size: 3.5em; line-height: 1.1; margin-bottom: 0.4em; padding-top: 0; }

	/* 16x9, square, 1x1 teasers */
	/* ========================= */
	.region.y_16x9_tablet.x_full_tablet > .teaser h2,
	.region.y_16x9_tablet.x_full_tablet > .widget h2,
	.region.y_1x1_tablet.x_full_tablet > .teaser h2,
	.region.y_1x1_tablet.x_full_tablet > .widget h2 { font-size:3.33333em; }
}
/* mobile only */
/* =========== */
@media screen and (max-width: 591px) {

    .region .teaser.mega_teaser_short:not(.teaser_type_list):not(.mega_teaser) .text h2 { padding: 0; line-height: 1.2; }

	.region .teaser h3,
	.region .teaser p.author,
    .region .teaser p.more { font-size:1.9em; } /* 10px / 7px */
	.region .teaser h2,
	.region .teaser p.lead { font-size:2.4em; } /* 14px / 7px */

	/* 1 / 10 teasers */
	/* ============= */
	.region.y_tenth_mobile > .teaser h2 { font-size:1.714em; } /* 12px / 7px */

	/* 1 / 8 teasers */
	/* ============= */
	.region.y_eighth_mobile > .teaser h2 { font-size:1.714em; } /* 12px / 7px */

	/* 1/4 teasers */
	/* =========== */
	.region.y_quarter_mobile > .teaser h2,
	.region.y_quarter_mobile > .widget h2,
    .region .mega_teaser_short h2 { font-size:2em; } /* 14px / 7px */

	/* 1/2 teasers */
	/* =========== */
	/* standard */
	.region.y_half_mobile > .teaser h2,
	.region.y_half_mobile > .widget h2 { font-size:2.4em; } /* 14px / 7px */

	/* 1/1 teasers */
	/* =========== */
	.cluster > .region.y_full_mobile > .teaser h2,
	.cluster > .region.y_full_mobile > .widget h2 { font-size:2.571em; } /* 18px / 7px */

	/* full teasers (same sizes as 1/1 teasers) */
	/* ======================================== */
	.cluster > .region:not(.y_full_mobile):not(.y_half_mobile):not(.y_quarter_mobile):not(.y_eighth_mobile):not(.y_tenth_mobile) > .teaser:not(.teaser_type_tagbreaker) h2,
	.cluster > .region:not(.y_full_mobile):not(.y_half_mobile):not(.y_quarter_mobile):not(.y_eighth_mobile):not(.y_tenth_mobile) > .widget:not(.little_boxes) h2 { font-size:2.857em; } /* 20px / 7px */

	/* 16x9, square, 1x1 teasers */
	/* ========================= */
	.region.y_16x9_mobile.x_full_mobile > .teaser h2,
	.region.y_16x9_mobile.x_full_mobile > .widget h2,
	.region.y_1x1_mobile.x_full_mobile > .teaser h2,
	.region.y_1x1_mobile.x_full_mobile > .widget h2 { font-size:2.857em; }

}

@media screen and (max-width: 975px) {
	.region .teaser p.author {
		text-transform: initial;
	}

	.region .teaser p.lead span.author {
		text-transform: initial;
	}
}

/* general teaser elements */
/* ======================= */
/* all elements with the same look on desktop, tablet and mobile in here */
/* ===================================================================== */

.region .teaser .teaserlink,
.teaser .teaserlink {
	color: inherit;
	height: 100%;
	display: block;
}

.region .teaser.mega_teaser_short .teaserlink {
    display: flex;
    position: relative;
    height: auto;
    padding-right: 1.7em;
}

/* hide background */
/* =============== */
.hide_background .watson-teaser:not(.watson-teaser__compact) .watson-teaser__image {
	visibility: hidden;
}
.hide_background .watson-teaser__compact .watson-teaser__image {
	background-size: 0;
}
.hide_background .watson-teaser__uppertitle span {
	background-image:none;
}
.hide_background .watson-teaser__label,
.hide_background .watson-teaser__title span {
	background:transparent;
	box-shadow: none;
}


/* visited stories */
/* =============== */
body.visited_history .splashlist .content .splashlist_teaser.visited {
	background-color:#f7f7f7;
}

body.visited_history .teaser.visited .storyimage,
body.visited_history .splashlist_teaser.visited .info {
	-webkit-filter: grayscale(1) contrast(0.1) brightness(1.9);
	-ms-filter: grayscale(1) contrast(0.1) brightness(1.9);
	filter: grayscale(1) contrast(0.1) brightness(1.9);
}

body.visited_history .teaser.visited .imagefade::after,
body.visited_history .teaser.teaser_type_list.visited .number::after,
body.visited_history .splashlist_teaser.visited .storylink::after {
    background-color: #ffffff;
    background-image: url("/media/img/main/icons/icon_quiz_check_right.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 2.4em auto;
    border-radius: 50%;
    box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2);
    content: "";
    display: block;
    height: 3.6em;
    left: calc(50% - 1.8em);
    position: absolute;
    top: calc(50% - 1.8em);
    width: 3.6em;
}

body.visited_history .teaser.visited .text {
	background:none !important;
}

body.visited_history .teaser.visited .badgerow .starbadge,
body.visited_history .teaser.visited .corner_college {
	display:none !important;
}

/* bubbler */
/* ======= */
.teaser .bubbler {
	position:relative;
	margin-left:5px;
	right:0;
	background-color:#ffffff;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
}

.teaser .bubbler img {
	max-width:9em; /* 90px / 10px */
 	max-height:6.5em; /* 65px / 10px */
	width:auto;
	height:auto;
	vertical-align:middle;
}

/* starbadge */
/* ========= */
.teaser .starbadge {
	display:inline-block;
	width:5em;
	height:5em;
	position:relative;
	margin-left:5px;
	filter: drop-shadow(2px 2px 9px rgba(0, 0, 0, 0.2));
	-ms-filter: drop-shadow(2px 2px 9px rgba(0, 0, 0, 0.2));
	-webkit-filter: drop-shadow(2px 2px 9px rgba(0, 0, 0, 0.2));
}

/* author portrait */
/* =============== */
.teaser .author_portrait {
	display:inline-block;
	margin-bottom:0.6em;
	margin-right:5px;
	width:Calc(5em);
	height:Calc(5em);
	vertical-align:bottom;
}

@media screen and (min-width: 976px) {
	.teaser .author_portrait {
		position: absolute;
		margin-right:0;
		right:0;
		bottom:0;
	}
}

@media screen and (max-width: 591px) {
	.teaser .author_portrait {
		width: calc(4em);
		height: calc(4em);
	}
}

/* badgerow */
/* ======== */
.teaser .badgerow {
	position:absolute;
	top:10px;
	right:10px;
	width:100%;
	text-align:right;
	z-index:1;
}

/* featured */
/* ======== */
.teaser .featured {
	font-size:1.6em; /* 16px / 10px */
	line-height:1.3em;
	width:100%;
	position:static;
	color:#ffffff;
	-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,0.3)) drop-shadow(1px 1px 0.5px rgba(0,0,0,0.6));
	-ms-filter:drop-shadow(0 0 4px rgba(0,0,0,0.3)) drop-shadow(1px 1px 0.5px rgba(0,0,0,0.6));
	filter:drop-shadow(0 0 4px rgba(0,0,0,0.3)) drop-shadow(1px 1px 0.5px rgba(0,0,0,0.6));
}

/* mega_teaser */
/* ======== */
.cluster > .region > .teaser.mega_teaser h2 { font-size: 2.8em !important; line-height: 33px; margin-bottom: 0.4em; display:inline; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_0.combo_fg { color: #eeeeee !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_666.combo_fg { color: #eeeeee !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_2.combo_fg { color: #eeeeee !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_3.combo_fg { color: #eeeeee !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_4.combo_fg { color: #eeeeee !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_42.combo_fg { color: #f40f97 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_5.combo_fg { color: #222222 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_8.combo_fg { color: #ce0f89 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_9.combo_fg { color: #068763 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_12.combo_fg { color: #fb8e00 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_13.combo_fg { color: #e41e13 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_15.combo_fg { color: #974b2f !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_21.combo_fg { color: #f40f97 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_72.combo_fg { color: #00c1f6 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_73.combo_fg { color: #7bd400 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_74.combo_fg { color: #222222 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_75.combo_fg { color: #222222 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_76.combo_fg { color: #222222 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_77.combo_fg { color: #f40f97 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_78.combo_fg { color: #00c1f6 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_79.combo_fg { color: #7bd400 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_80.combo_fg { color: #ff9306 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_81.combo_fg { color: #dd0000 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_84.combo_fg { color: #3ad8ff !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_85.combo_fg { color: #c9af00 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_86.combo_fg { color: #ffffff !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_87.combo_fg { color: #ffffff !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_88.combo_fg { color: #479e0b !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_89.combo_fg { color: #091e39 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_90.combo_fg { color: #9d00a9 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_91.combo_fg { color: #ff443d !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_92.combo_fg { color: #c0004b !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_93.combo_fg { color: #1837b6 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_94.combo_fg { color: #48269d !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_95.combo_fg { color: #980000 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_96.combo_fg { color: #ca8741 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_97.combo_fg { color: #000000 !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_98.combo_fg { color: #b3b7bb !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_99.combo_fg { color: #ffffff !important; }
.cluster > .region > .teaser.mega_teaser h2.color_combo_100.combo_fg { color: #00c1f6 !important; }
.cluster > .region > .teaser.mega_teaser .information { position: relative; padding-top: 1.0em; }
.cluster > .region > .teaser.mega_teaser .rectangle { position: relative; display: inline-block; margin: 1em; top: 3px; padding-right: 5px; }
.cluster > .region > .teaser.mega_teaser .rectangle > div { position: absolute; width: 3px; height: 3px; background: #A5A5A5; }
.cluster > .region > .teaser.mega_teaser .comments_count_icon { padding: 1em; display: inline-block; background-size: auto 2.2em; margin-right: 0.5em; background-position: center center; background-repeat: no-repeat; background-image: url(/media/img/main/socialicons/comments_grey.png); top: 5px; }
.cluster > .region > .teaser.mega_teaser .comments_count,
.cluster > .region > .teaser.mega_teaser .author { font-size: 1.6em; line-height: 22px; text-transform: none; font-style: normal; font-weight: normal; display:inline; color: #A5A5A5; text-transform: lowercase; }


@media screen and (min-width: 976px) {
	.teaser .featured {
		position:absolute;
		bottom:100%;
		left:0;
	}

	.teaser:not(.text_only) .featured {
		background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
	}

}

.region.y_quarter_desktop .teaser .featured,
.region.y_eighth_desktop .teaser .featured {
	display:none !important;
}

.teaser .featured .item {
	padding:7px 10px 0 10px;
	margin-bottom:10px;
}

/* always hide second item */
.teaser .featured .item:nth-child(2) {
	display:none !important;
}

.teaser .featured .item .title,
.teaser .featured .item .info {
	font-size:0.875em; /* 14px / 16px */
}

.teaser .featured .item .title {
	font-weight:bold;
}

.teaser .featured.comment .item .name {
	font-weight:normal;
	font-size:0.875em; /* 14px / 16px */
	line-height:1.1em;
	margin-bottom:0.4em;
}

.teaser .featured.comment .item .comment_table {
	display:table;
	width:100%;
}

.teaser .featured.comment .item .comment_table .member_icon {
	width: 3em; /* 48px / 16px */
	height: 3em; /* 48px / 16px */
	margin-right:10px;
}

.teaser .featured.comment .item .comment_table .member_icon img.portrait {
	box-shadow:none;
}

.teaser .featured.comment .item .comment_cell {
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

/* featured ticker */
/* =============== */
.teaser .featured.ticker {
	display:none;
}

.teaser .featured.ticker .item .live {
	font-weight:bold;
	font-size:0.875em; /* 14px / 16px */
	padding-bottom:5px;
	line-height:1em;
	height:1em;
	overflow:hidden;
	display:none;
	text-transform: uppercase;
}

.teaser .featured.ticker .item .live .running {
	vertical-align:top;
	width:0.5em;
	height:0.5em;
	margin-top:0.23em;
	margin-left:0.23em;
	background-color:#ffffff;
	display:inline-block;
	border-radius:50%;

	-webkit-animation-name: running_flash;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;

    animation-name: running_flash;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes running_flash {
    0%   {opacity:1;}
    50%  {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes running_flash {
    0%   {opacity:1;}
    50%  {opacity:0;}
    100% {opacity:1;}
}

.teaser .featured.ticker .item .main_result {
	height:5.9em;
	position:relative;
}

.teaser .featured.ticker .item .main_result .score {
	font-size:2em; /* 32px / 16px */
	text-align:center;
	position:absolute;
	top:1.5em;
	width:100%;
	font-weight:bold;
}

.teaser .featured.ticker .item .main_result .score .number {
	line-height:1em;
}

.teaser .featured.ticker .item .main_result .score .nP,
.teaser .featured.ticker .item .main_result .score .nV {
	font-size:0.375em; /* 12px / 32px */
	line-height:1em;
	display:none;
}

.teaser .featured.ticker .item .main_result .score .intermediate {
	font-size:0.375em; /* 12px / 32px */
	font-weight:normal;
	display:none;
	margin-top:-0.2em;
}

.teaser .featured.ticker .item .main_result .running {
	position:absolute;
	width:0.5em;
	height:0.5em;
	background-color:#ffffff;
	border-radius:50%;
	top:1em;
	left:50%;
	margin-left:-0.25em;

	-webkit-animation-name: running_flash;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;

    animation-name: running_flash;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.teaser .featured.ticker .item .main_result .team {
	width:45%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	font-weight:bold;
}

.teaser .featured.ticker .item .main_result .team.guest {
	left:auto;
	right:0;
}

.teaser .featured.ticker .item .main_result .team .protagonist {
	height:2em;
	line-height:1.1em;
	margin-bottom:5px;
}

.teaser .featured.ticker .item .main_result .team .pic {
	width:4em;
	height:4em;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	display:inline-block;
}

.teaser .featured.ticker .item .main_result .team .pic.nation {
	width:3em;
	height:3em;
	margin-top:0.6em;
	background-size:cover;
	-webkit-border-radius:50%;
	border-radius:50%;
	background-color:#999999;
}

/* hockey */
.teaser .featured.ticker.hockey .item .main_result .score .intermediate {
	display:block;
}

/* tennis */
.teaser .featured.ticker.tennis .item .main_result .number.set_1,
.teaser .featured.ticker.tennis .item .main_result .number.set_2 {
	font-size:1em; /* 32px / 32px */
	line-height:1.1em;
}
.teaser .featured.ticker.tennis .item .main_result .number.set_3 {
	font-size:0.75em; /* 24px / 32px */
	line-height:1.46666em /* 1.1em / 0.75 */
}
.teaser .featured.ticker.tennis .item .main_result .number.set_4 {
	font-size:0.625em; /* 20px / 32px */
	line-height:1.76em /* 1.1em / 0.625 */
}
.teaser .featured.ticker.tennis .item .main_result .number.set_5,
.teaser .featured.ticker.tennis .item .main_result .number.set_6 {
	font-size:0.5em; /* 16px / 32px */
	line-height:2.2em; /* 1.1em / 0.5 */
}

.teaser .featured.ticker.tennis .item .main_result .team .pic {
	width:3em;
	height:3em;
	margin-top:0.6em;
	-webkit-border-radius:50%;
	border-radius:50%;
	background-color:#999999;
}

.region.x_third_desktop .teaser .featured.ticker.tennis .item .main_result .team.home .pic { float:left; }
.region.x_third_desktop .teaser .featured.ticker.tennis .item .main_result .team.guest .pic { float:right; }

/* news */
.teaser .featured.ticker.news .item .title {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}

/* news / ski / formula1 / nordic_skiing / ski_jumping */
.teaser .featured.ticker.news,
.teaser .featured.ticker.ski,
.teaser .featured.ticker.formula1,
.teaser .featured.ticker.nordic_skiing,
.teaser .featured.ticker.ski_jumping {
	display:block;
}

.teaser .featured.ticker.news .item .main_result,
.teaser .featured.ticker.ski .item .main_result,
.teaser .featured.ticker.formula1 .item .main_result,
.teaser .featured.ticker.nordic_skiing .item .main_result,
.teaser .featured.ticker.ski_jumping .item .main_result {
	display:none;
}

.teaser .featured.ticker.news .item .live,
.teaser .featured.ticker.ski .item .live,
.teaser .featured.ticker.formula1 .item .live,
.teaser .featured.ticker.nordic_skiing .item .live,
.teaser .featured.ticker.ski_jumping .item .live {
	display:block;
}

.region.y_half_desktop .teaser .featured.ticker.football .item .title,
.region.y_half_desktop .teaser .featured.ticker.tennis .item .title,
.region.y_half_desktop .teaser .featured.ticker.hockey .item .title,
.region.y_half_desktop .teaser .featured.ticker.football .item .info,
.region.y_half_desktop .teaser .featured.ticker.tennis .item .info,
.region.y_half_desktop .teaser .featured.ticker.hockey .item .info {
	display:none;
}

.region.y_half_desktop .teaser .featured.ticker .item .main_result {
	border-bottom:0;
	margin-bottom:0;
	height:5.6em;
}

/* iconrow */
/* ======= */
.teaser .text .iconrow {
	position:absolute;
	left:10px;
	bottom:calc(100% + 2px);
	width:Calc(100% - 20px);
	margin-bottom:0;
}
.teaser.mega_teaser .text .iconrow {
    position:relative;
    left: unset;
    bottom: unset;
    width: auto;
    display: block;
}

/* media icons */
/* =========== */
.teaser .text .media_icons {
	display:inline-block;
	-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,0.3)) drop-shadow(1px 1px 0.5px rgba(0,0,0,0.6));
	-ms-filter:drop-shadow(0 0 4px rgba(0,0,0,0.3)) drop-shadow(1px 1px 0.5px rgba(0,0,0,0.6));
	filter:drop-shadow(0 0 4px rgba(0,0,0,0.3)) drop-shadow(1px 1px 0.5px rgba(0,0,0,0.6));
	margin-left:0;
}
.teaser.mega_teaser .text .media_icons {
    filter: none;
}

/* comments */
/* ======== */
/* standard */
.teaser .text .media_icons .standard {
	display:block;
	float:left;
	clear:both;
	margin-right:5px;
	height:1.6em;
	line-height:1.6em;
	margin-bottom:2px;
	padding:0;
}
.teaser.mega_teaser .text .media_icons .standard {
    color: #F627A0;
    font-size: 1.4em;
    text-transform: uppercase;
}

.teaser .text .media_icons .standard span {
	color:#ffffff;
	line-height:1em;
	font-size:1.2em; /* 12px / 10px */
	font-weight:bold;
	display:inline-block;
}
.teaser.mega_teaser .text .media_icons .standard span {
    color: #F627A0;
}

.teaser .text .media_icons .standard span.running {
	vertical-align:top;
	width:0.5em;
	height:0.5em;
	margin-top:0.4em;
	margin-left:0.4em;
	background-color:#ffffff;
	display:inline-block;
	border-radius:50%;

	-webkit-animation-name: running_flash;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;

    animation-name: running_flash;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.teaser .text .media_icons .standard span.running {
    background-color:#F627A0;
    margin-left: 0;
}

.teaser .text .media_icons .standard img {
	height:1em;
}

.teaser .text .media_icons .standard.shares,
.teaser .text .media_icons .standard.comments:not(:empty) {
	background-size:auto 1.2em;
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 1.8em;
}

.teaser .text .media_icons .standard.shares {
	background-image:url(/media/img/main/icons/icon_media_shares.png);
}

.teaser .text .media_icons .standard.comments {
	background-image:url(/media/img/main/icons/icon_media_comments.png);
}

.teaser .text .media_icons .standard.duration {
	font-size:1.2em;
	color:#ffffff;
	font-weight:bold;
}

.teaser .text .media_icons .standard.duration {
	display:none !important;
}

.teaser .text .media_icons .num_slides {
	position: absolute;
	left: -1px;
	top: -1px;
	font-weight: bold;
	-webkit-filter: drop-shadow(0 0 4px rgba(0,0,0,0.3));
	filter: drop-shadow(0 0 4px rgba(0,0,0,0.3));
	z-index: 1;
	background-image: url(/media/img/main/region_textures/tear_out_top_left.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition: background-position 0.2s;
	width: calc(5.833em - 1.25em);
	height: calc(5.833em - 1.25em);
	background-position: 0 0;
	font-size: 0.9em;
	padding: 1.25em 0.4167em 0 0.8333em;
	color: #222222;
}

/* mobile only */
@media screen and (max-width: 591px) {
	.teaser .text .media_icons .num_slides {
		font-size:1.2em;
	}
}

.teaser .text .media_icons .num_slides {
	display:none !important;
}

.teaser .text .media_icons .video,
.teaser .text .media_icons .anigif,
.teaser .text .media_icons .images,
.teaser .text .media_icons .chart,
.teaser .text .media_icons .flowchart,
.teaser .text .media_icons .poll {
	display:block;
	margin-bottom:2px;
	margin-left:0;
	float:left;
	clear:both;
	padding:0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	font-size:1.2em;
	line-height:1.6em;
	font-weight:bold;
	color:#ffffff;
}
.teaser .text .media_icons .video span,
.teaser .text .media_icons .anigif span,
.teaser .text .media_icons .images span,
.teaser .text .media_icons .chart span,
.teaser .text .media_icons .flowchart span,
.teaser .text .media_icons .poll span {
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	position: absolute;
}

.teaser .text .media_icons .video::after { content:"Video"; }
.teaser .text .media_icons .images::after { content:"Bilder"; }
.teaser .text .media_icons .anigif::after { content:"Gif"; }
.teaser .text .media_icons .chart::after { content:"Chart"; }
.teaser .text .media_icons .flowchart::after { content:"Flowchart"; }
.teaser .text .media_icons .poll::after { content:"Umfrage"; }

html[lang="fr"] .teaser .text .media_icons .video::after { content:"Vidéo"; }
html[lang="fr"] .teaser .text .media_icons .images::after { content:"Images"; }
html[lang="fr"] .teaser .text .media_icons .anigif::after { content:"Gif"; }
html[lang="fr"] .teaser .text .media_icons .chart::after { content:"Graphique"; }
html[lang="fr"] .teaser .text .media_icons .flowchart::after { content:"Flowchart"; }
html[lang="fr"] .teaser .text .media_icons .poll::after { content:"Sondage"; }

/* tag */
.teaser .text .media_icons .tag {
	color:#00c6ff;
	-webkit-transition:color 0.5s ease;
	-moz-transition:color 0.5s ease;
	transition:color 0.5s ease;
	background-color:#222222;
	background-color:rgba(0,0,0,0.8);
	margin-bottom:2px;
	margin-right:5px;
	padding:0.625em; /* 10px / 16px */
	font-weight:bold;
	font-size:1.6em;
	line-height:1em; /* 16px / 16px */
	text-transform:uppercase;
	float:left;
}

@media screen and (min-width: 976px) {
	.teaser .text .media_icons .tag {
		margin-bottom:7px;
	}
}

.teaser .text .media_icons .tag.ressort {
	color:#7bd400;
}

.teaser .text .media_icons .tag.user {
	color:#ff9306;
}

.teaser .text .media_icons .tag:hover {
	color:#ffffff;
}

.teaser .text .media_icons .tag.external_link img {
	height:1em;
	width:1em;
	vertical-align:top;
}

/* corner badge */
/* ============ */
.teaser .corner_college {
	position:absolute;
	top:0;
	left:0;
	width:10em; /* 100px / 10px */
	height:10em; /* 100px / 10px */
	z-index:1;
}

.teaser .corner_college img {
	width:100%;
}

/* tag teasers */
/* =========== */
.teaser.tag_teaser {
	display:table;
	padding-bottom: 0 !important;
}

.teaser.tag_teaser .storyimage {
	background-image:url('/media/img/main/icons/teaser_fallback.png');
	position:absolute;
}

.teaser.tag_teaser .storyimage,
.teaser.tag_teaser .imagefade {
	padding:0 !important;
	height:100% !important;
}

.teaser.tag_teaser .imagefade {
	box-shadow:0 0 100px rgba(0, 0, 0, 0.1) inset;
}

.teaser.tag_teaser .text {
	text-align:center;
	padding:16px !important;
	display:table-cell;
	vertical-align:middle;
	position:static !important;
	z-index:inherit !important;
	background:none !important;
}

.teaser.tag_teaser .text .iconrow {
    bottom: 0;
    left: 0;
    position: relative;
    width:100%;
    margin-bottom:0 !important;
    z-index:1;
}

.teaser.tag_teaser .follow_button {
  margin-top: 0.5em;
  padding: 0.5em 0.75em;
  font-size: 1.8em;
  text-align: center;
  line-height: 1em;
  color: #ffffff;
  background: #7bd400;
  border-radius: 2px;
  z-index: 10;
  cursor: pointer;
  display: inline-block;
  position: relative;
  z-index: 3;
  box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
}

.teaser.tag_teaser .follow_button img {
	height:1em;
	vertical-align:top;
	margin-right:0.25em;
}


.teaser.tag_teaser .media_icons {
	width: 100%;
	left: 0;
	text-align: center;
	filter: none;
}

.teaser.tag_teaser .media_icons .tag {
	font-size:3em !important;
	padding:0;
	margin: 0;
	width: 100%;
	line-height: 1em;
	background: none;
}

.teaser.tag_teaser .media_icons .tag span {
	color:#ffffff;
	text-shadow:2px 2px 9px rgba(0, 0, 0, 0.75);
}

/* tag teasers in stackable story */
/* ============================== */
.story.stackable .teaser.tag_teaser {
	position: relative;
	width: 100%;
	height: 220px;
	margin-top: 1em;
}

.story.stackable .teaser.tag_teaser .storyimage,
.story.stackable .teaser.tag_teaser .imagefade {
	background-size: cover;
	width: 100%;
}

.story.stackable .teaser.tag_teaser .storyimage {
	background-position: center;
}

.story.stackable .teaser.tag_teaser .text {
	width: 100%;
}

.story.stackable .teaser.tag_teaser .storylink {
	display: block;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 2;
}
.story.stackable .teaser.tag_teaser .storylink span {
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	position: absolute;
}

@media screen and (max-width: 975px) {
	.story.stackable .teaser.tag_teaser .storylink {
		display: block;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 2;
	}
	.story.stackable .teaser.tag_teaser .storylink span {
		text-indent: -9999px;
		overflow: hidden;
		display: inline-block;
		position: absolute;
	}
}

/* breaking news teasers */
/* ===================== */
.teaser.breaking_news {
	position:static;
	height:auto !important;
	margin-bottom:16px;
}

.teaser.breaking_news .text {
	position:static !important;
	text-transform:uppercase;
	position:relative;
	background-color:transparent;
	border-top:none;
	top:10.7em; /* 107px / 10px */
	bottom:0;
	padding-bottom:0 !important;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.teaser.breaking_news .text h2 {
	padding-top:0.4em !important; /* 20px / 50px */
	padding-bottom:0.4em !important; /* 20px / 50px */
	font-size:3em !important;
	line-height:1.3em !important;
	text-indent:1.7em;
}

.teaser.breaking_news .text h2::before {
    background-color: #ffffff;
    background-image: url("/media/img/main/icons/icon_hate_dark.png");
    background-position: 0.34em 0.36em;
    background-repeat: no-repeat;
    background-size: 0.6em auto;
    border-radius: 50%;
    box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2);
    content: "";
    display: block;
    height: 1.2em;
    left: 0.5em;
    position: absolute;
    top: 0.44em;
    width: 1.2em;
}

.teaser.breaking_news .desk_notification {
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 2em;
	padding: 0 15px;
	color: #FFF;
	background: #444;
	border-top: 1px solid #FFF;
}

.teaser.breaking_news .desk_notification img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

/* font_styles */
/* =========== */
/* cursive */
.font_cursive h2,
.font_cursive .watson-teaser__title {
	font-style: italic;
}

/* tag-breaker */
/* =========== */
.teaser.teaser_type_tagbreaker {
	background-color:#ffffff;
	height:5.9em; /* 59px / 10px => exact size of navi bar */
	box-shadow:none;
}

.teaser.teaser_type_tagbreaker .text {
	padding:0;
}

.teaser.teaser_type_tagbreaker h2 {
	font-size:3em; /* 30px / 10px */
	line-height:1.966666em; /* 59px / 30px */
	padding:0 !important;
	text-transform:uppercase;
	display:inline-block;
}

.teaser.teaser_type_tagbreaker .subscribe {
	margin-left:12px;
	font-size:1.4em; /* 14px / 10px */
	color:#999999;
	display:inline-block;
	position:relative;
	z-index:3;
	cursor:pointer;
	bottom:0.3em;
}

.teaser.teaser_type_tagbreaker .subscribe .icon {
	display:inline-block;
	background-image:url(/media/img/main/icons/icon_fav_inactive.png);
	background-repeat:no-repeat;
	background-color:#ffffff;
	border-radius:50%;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
	width:1.571em;
	height:1.571em;
	background-position:center center;
	background-size:auto 1em;
	position:relative;
	top:0.3em;
	margin-right:0.4em;
}

.teaser.teaser_type_tagbreaker .subscribe.follow,
.teaser.teaser_type_tagbreaker .subscribe:hover {
	color:#ff9306;
}

.teaser.teaser_type_tagbreaker .subscribe.follow .icon,
.teaser.teaser_type_tagbreaker .subscribe:hover .icon {
	background-image:url(/media/img/main/icons/icon_fav_highlight.png);
}

.teaser.teaser_type_tagbreaker .subscribe .text_active { display:none; }

.teaser.teaser_type_tagbreaker .subscribe.follow .text_active { display:inline; }
.teaser.teaser_type_tagbreaker .subscribe.follow .text_inactive { display:none; }

.teaser.teaser_type_tagbreaker .subscribe.not_following .text_active { display:none; }
.teaser.teaser_type_tagbreaker .subscribe.not_following .text_inactive { display:inline; }



.teaser.teaser_type_tagbreaker .sponsor {
	display:inline-lock;
	position:absolute;
	right:0;
	bottom:0;
	z-index:3;
}

.teaser.teaser_type_tagbreaker .sponsor .note {
	color:#999999;
	font-size:1.4em; /* 14px / 10px */
	padding-bottom:1.4em;
	display:inline-block;
	padding-right:12px;
}

.teaser.teaser_type_tagbreaker .sponsor img {
	max-height:3em;
	max-width:5em;
	margin-bottom:1em;
	vertical-align:bottom;
}

.teaser.teaser_type_tagbreaker .further_reading {
	display:inline-block;
	font-size:1.4em;
	right:0;
	bottom:0.55em;
	z-index:3;
	padding-right:0.8em;
	padding-left:12px;
	background-image:url(/media/img/main/icons/slider-right_blue.png);
	background-position:right center;
	background-size: auto 0.6em;
	background-repeat:no-repeat;
}

/* teaser_type_tagbreaker in stories */
.insert .teaser.teaser_type_tagbreaker {
	padding-bottom:0 !important;
	height:2.4em !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}

.insert .teaser.teaser_type_tagbreaker .text {
	position:static;
	padding-bottom:0;
}

/* font m specific */
.teaser.teaser_type_tagbreaker.font_m {
	margin-bottom:16px;
	border-bottom:1px solid #cccccc;
}

@media screen and (max-width: 975px) {
	.teaser.teaser_type_tagbreaker.font_m {
		margin-bottom:14px;
	}
}

@media screen and (max-width: 591px) {
	.teaser.teaser_type_tagbreaker.font_m {
		margin-bottom:10px;
	}
}

/* font s specific */
.teaser.teaser_type_tagbreaker.font_s {
	height:2.4em;
}

.teaser.teaser_type_tagbreaker.font_s h2 {
	font-size:1.6em;
	line-height:1em;
}

/* sticky tag-breaker */
/* ================== */
.cluster.sticky.fixed .teaser.teaser_type_tagbreaker {
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	border-left:16px solid #ffffff;
}

.cluster.sticky.fixed .teaser.teaser_type_tagbreaker.font_m {
	border-bottom-color:transparent;
}

@media screen and (min-width: 976px) {
	/* no space for displaying side_ad */
	/* wide breaker */
	.wrapper:not(.no_wide_breakers) .cluster.sticky.fixed .teaser.teaser_type_tagbreaker {
		left:0;
		right:0;
		width:auto;
		padding-left:Calc( 50% - 513px );
	}

	@media screen and (min-width: 1421px) {
		.wrapper.has_side_ad:not(.no_wide_breakers) .cluster.sticky.fixed .teaser.teaser_type_tagbreaker {
			padding-left:Calc( 50% - 513px - 150px );
		}
	}

	/* narrow breaker */
	.wrapper.no_wide_breakers .cluster.sticky.fixed .teaser.teaser_type_tagbreaker {
		margin-left:-16px;
		border-right:16px solid #ffffff;
	}
}

@media screen and (max-width: 975px) {
	.cluster.sticky.fixed .teaser.teaser_type_tagbreaker {
		border-left:16px solid #ffffff;
	}

	.insert .teaser.teaser_type_tagbreaker {
		height:3.4em !important;
	}
}
@media screen and (max-width: 591px) {
	.cluster.sticky.fixed .teaser.teaser_type_tagbreaker {
		border-left:10px solid #ffffff;
	}

	.insert .teaser.teaser_type_tagbreaker {
		height:4em !important;
	}
}

.cluster.sticky.fixed .teaser.teaser_type_tagbreaker {
	z-index:11;
}

.cluster.sticky.fixed .teaser.teaser_type_tagbreaker .subscribe,
.cluster.sticky.fixed .teaser.teaser_type_tagbreaker .sponsor {
	-webkit-animation-name: breaker_fade_out;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;

    animation-name: breaker_fade_out;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.teaser.teaser_type_tagbreaker .subscribe,
.teaser.teaser_type_tagbreaker .sponsor {
	-webkit-animation-name: breaker_fade_in;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;

    animation-name: breaker_fade_in;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes breaker_fade_out {
    0%   {opacity:1;}
    99%  {opacity:0;}
    100% {opacity:0;display:none;}
}

@keyframes breaker_fade_out {
    0%   {opacity:1;}
    99%  {opacity:0;}
    100% {opacity:0;display:none;}
}

@-webkit-keyframes breaker_fade_in {
    0%   {opacity:0;display:none;}
    1%  {opacity:0;}
    100% {opacity:1;}
}

@keyframes breaker_fade_in {
    0%   {opacity:0;display:none;}
    1%  {opacity:0;}
    100% {opacity:1;}
}



/* tablet */
/* ====== */
@media screen and (max-width: 975px) {
	/* breaking news teasers */
	/* ===================== */
	.teaser.breaking_news {
		margin-bottom:14px;
	}

	/* tag-breaker */
	/* =========== */
	.teaser.teaser_type_tagbreaker.font_s h2 {
		font-size:1.666em;
		line-height:1.96667em;
	}

	/* featured teasers */
	/* ================ */
	.region.y_quarter_tablet .teaser .featured,
	.region.y_eighth_tablet .teaser .featured,
	.region.y_tenth_tablet .teaser .featured {
		display:none !important;
	}

	.region.y_half_tablet .teaser .featured.ticker.football .item .title,
	.region.y_half_tablet .teaser .featured.ticker.tennis .item .title,
	.region.y_half_tablet .teaser .featured.ticker.hockey .item .title,
	.region.y_half_tablet .teaser .featured.ticker.football .item .info,
	.region.y_half_tablet .teaser .featured.ticker.tennis .item .info,
	.region.y_half_tablet .teaser .featured.ticker.hockey .item .info {
		display:none;
	}

	.region.y_half_tablet .teaser .featured.ticker .item .main_result {
		border-bottom:0;
		margin-bottom:0;
		height:5.6em;
	}

	/* iconrow */
	/* ======= */
	.region .teaser:not(.text_only):not(.teaser_type_list):not(.mega_teaser) .text .iconrow {
		margin-bottom: -10em;
	}

	.region.x_half_tablet .teaser .featured.ticker.tennis .item .main_result .team.home .pic { float:left; }
	.region.x_half_tablet .teaser .featured.ticker.tennis .item .main_result .team.guest .pic { float:right; }
}

/* mobile */
/* ====== */
@media screen and (max-width: 591px) {
	/* breaking news teasers */
	/* ===================== */
	.teaser.breaking_news {
		margin-bottom:10px;
	}

	/* featured teasers */
	/* ================ */
	.region.y_quarter_mobile .teaser .featured,
	.region.y_eighth_mobile .teaser .featured,
	.region.y_tenth_mobile .teaser .featured {
		display:none !important;
	}

	/* slightly smaller version for smaller teasers */
	.region.y_half_mobile .teaser .featured.ticker.football .item .title,
	.region.y_half_mobile .teaser .featured.ticker.tennis .item .title,
	.region.y_half_mobile .teaser .featured.ticker.hockey .item .title,
	.region.y_half_mobile .teaser .featured.ticker.football .item .info,
	.region.y_half_mobile .teaser .featured.ticker.tennis .item .info,
	.region.y_half_mobile .teaser .featured.ticker.hockey .item .info {
		display:none;
	}

	.region.y_half_mobile .teaser .featured.ticker .item .main_result {
		border-bottom:0;
		margin-bottom:0;
		height:5.6em;
	}

	.teaser .featured.ticker.tennis .item .main_result .team.home .pic { float:left; }
	.teaser .featured.ticker.tennis .item .main_result .team.guest .pic { float:right; }

	/* iconrow */
	/* ======= */
	.region .teaser:not(.text_only):not(.teaser_type_list):not(.mega_teaser) .text .iconrow {
		margin-bottom: -5.5em;
		font-size: 1.4em !important;
	}

	.region.y_half_mobile .teaser:not(.text_only):not(.teaser_type_list) .text .iconrow {
		margin-bottom: -3.9em;
	}

	/* tag-breaker */
	/* =========== */
	.teaser.teaser_type_tagbreaker .sponsor .note {
		display:none;
	}

	.teaser.teaser_type_tagbreaker .further_reading {
		font-size:1.75em;
	}

	.teaser.teaser_type_tagbreaker.font_s {
		height:3em;
	}

	.teaser.teaser_type_tagbreaker.font_s h2 {
		font-size:2em;
	}

    /* mega_teaser */
    /* ======== */
    .cluster > .region > .teaser.mega_teaser h2 { font-size: 16px !important; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .cluster > .region > .teaser.mega_teaser .author { font-size: 13px; line-height: 18px; }
}

.cluster > .region > .teaser.mega_teaser .author { text-transform: initial; }



@media screen and (max-width: 591px) {
	
	/* general visibility */
	/* ================== */
	body.compact_mode .hide_in_compact_mode {
		display:none !important;
	}
	
	body.compact_mode .show_in_compact_mode {
		display:block !important;
	}
	
	/* clusters / regions */
	/* ================== */
	body.compact_mode .cluster:not(.fishtank) {
		background-color:#ffffff;
	}
	
	/* hide content-bridge */
	body.compact_mode .cluster.mask_2_5 {
		display:none;
	}
	
	body.compact_mode .region:not(.fullscreen) {
		height:auto !important;
		border:0;
		border-right:10px solid #ffffff;
		padding:0;
		margin:0;
	}
	
	body.compact_mode .region.y_16x9_mobile:not(.fullscreen) {
		height:0 !important;
		padding-bottom:calc( (100% - 10px) / 16 * 9);
	}
	
	body.compact_mode .region.y_1x1_mobile:not(.fullscreen) {
		height:0 !important;
		padding-bottom:calc(100% - 10px);
	}
	
	body.compact_mode .region.no_borders {
		display:none;
	}
	
	/* commercials */
	/* =========== */
	body.compact_mode .region.commercial .commercial_delivered {
		border-bottom:none;
		margin-bottom:10px;
		border-top:1px solid #cccccc;
		padding-top:10px;
	}
	
	body.compact_mode .wrapper .cluster:nth-child(2) .region.commercial .commercial_delivered {
		padding-top:0;
	}
	
	body.compact_mode .region.commercial .commercial_delivered::before,
	body.compact_mode .region.commercial .commercial_delivered::after {
		display:none;
	}
	
	/* spacers */
	/* ======= */
	body.compact_mode .region .vertical_spacer {
		display:none;
	}
	
	/* teasers */
	/* ======= */
	body.compact_mode .region .teaser {
		height:auto;
		border-top:1px solid #cccccc;
		box-shadow:none;
		background-color:transparent !important;
		padding:10px 0 8px 0 !important;
		overflow:visible;
	}
	
	body.compact_mode .region .teaser.teaser_type_tagbreaker {
		padding-top:40px !important;
		margin-bottom:0;
		border-bottom:none;
	}
	
	body.compact_mode .region .teaser .text {
		position:relative;
		padding:0 !important;
		background:none !important;
	}
	
	body.compact_mode .region .teaser h3 {
		padding-left:0 !important;
	}
	
	body.compact_mode .region .teaser h2 {
		font-size:1.8em !important;
		padding-left:0 !important;
		padding-right:0 !important;
		color:#222222;
	}
	
	body.compact_mode .region .teaser:not(.teaser_type_paid_content) h2 {
		line-height:1.3em !important;
	}
	
	body.compact_mode .region .teaser:not(.teaser_type_paid_content):not(.text_only):not(.teaser_type_list) .text h2 a {
		box-shadow:none;
		padding:0;
		background-color:transparent !important;
	}
	
	body.compact_mode .region .teaser:not(.teaser_type_tagbreaker) h2 {
		display:block;
	}
	
	body.compact_mode .region .teaser.teaser_type_tagbreaker .subscribe {
		font-size:1.4em;
	}
	
	body.compact_mode .region .teaser p.author {
		font-size:1.2em;
		text-shadow:none;
		filter:none;
		color:#222222 !important;
		padding-left:0;
	}
	
	body.compact_mode .region .teaser .storylink {
		border:none;
	}
	
	body.compact_mode .region .teaser .storyimage,
	body.compact_mode .region .teaser .imagefade,
	body.compact_mode .region .teaser p.lead,
	body.compact_mode .region .teaser .featured,
	body.compact_mode .region .teaser .author_portrait,
	body.compact_mode .region .teaser.teaser_type_list .pic,
	body.compact_mode .region > .widget:not(.slideshow):not(.spotlight_media) {
		display:none !important;
	}
	
	/* breaking news */
	/* ============= */
	body.compact_mode .region .teaser.breaking_news {
		margin-bottom:0;
	}
	
	body.compact_mode .region .teaser.breaking_news .text h2 {
		color:#f40f97;
		padding:0 !important;
	}
	
	body.compact_mode .region .teaser.breaking_news .text h2::before {
		left:0;
		top:10px;
	}
	
	/* watson-week */
	/* =========== */
	body.compact_mode .teaser .corner_college {
		display:none;
	}
	
	/* badges */
	/* ====== */
	body.compact_mode .region .teaser .badgerow {
		font-size:0.8em;
		top:auto;
		bottom:10px;
		right:0;
	}
	
	/* icons */
	/* ===== */
	body.compact_mode .region .teaser .text .iconrow {
		position:static;
		margin-bottom:0 !important;
	}
	
	body.compact_mode .region .teaser .text .iconrow .media_icons {
		filter:none;
		margin-top:0.5em;
		margin-left:0;
	}
	
	body.compact_mode .region .teaser .text .media_icons .standard,
	body.compact_mode .region .teaser .text .media_icons .video, 
	body.compact_mode .region .teaser .text .media_icons .anigif, 
	body.compact_mode .region .teaser .text .media_icons .images, 
	body.compact_mode .region .teaser .text .media_icons .chart, 
	body.compact_mode .region .teaser .text .media_icons .flowchart, 
	body.compact_mode .region .teaser .text .media_icons .poll {
		filter:brightness(0);
		clear:none;
		color:#222222;
		margin-right:10px;
	}
	
	body.compact_mode .region .teaser .text .media_icons .video, 
	body.compact_mode .region .teaser .text .media_icons .anigif, 
	body.compact_mode .region .teaser .text .media_icons .images, 
	body.compact_mode .region .teaser .text .media_icons .chart, 
	body.compact_mode .region .teaser .text .media_icons .flowchart, 
	body.compact_mode .region .teaser .text .media_icons .poll {
		line-height:1.2em;
	}
	
	body.compact_mode .teaser .text .media_icons .standard span {
		color:inherit;
	}
	
	/* visited stories */
	/* =============== */
	body.visited_history.compact_mode .teaser.visited .storylink::after {
	    background-color: #ffffff;
	    background-image: url("/media/img/main/icons/icon_quiz_check_right.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: 2.4em auto;
	    border-radius: 50%;
	    box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2);
	    content: "";
	    display: block;
	    height: 3.6em;
	    left: calc(50% - 1.8em);
	    position: absolute;
	    top: calc(50% - 1.8em);
	    width: 3.6em;
	}
}

.insert .widget {
	width:100%;
	position:relative;
}

.insert .widget .more_on_mobile  {
	display:none;
	background-color:#ffffff;
	text-align:center;
	cursor: pointer;
	height: auto;
	width: 100%;
}

.insert .widget .more_on_mobile img {
	width: 1.7142em !important;
	height:auto;
	margin:10px;
}

/* widgets inside regions need to be scaled 100% in height */
.region .widget {
	height:100%;
	width:100%;
	position:relative;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}



/**
 * ADV: teaser with tag type native, paid content and bridges
 */
/* default styles */
.widget .flag_advert {
	position: absolute;
	font-size: 0.64em;
	right: 4px;
	bottom: 4px;
	color: #999999;
	line-height: normal;
	text-shadow: none;
}

.region .flag_advert img,
.widget .flag_advert img {
	max-height: 3em;
	max-width: 6.6em;
	vertical-align: middle;
}

.region .flag_advert,
.widget .flag_advert {
	-webkit-clip-path: polygon(0 0, calc(100% - (1.30em / 2)) 0, 100% calc(1.30em / 2), 100% 100%, 0 100%);
	clip-path: polygon(0 0, calc(100% - (1.30em / 2)) 0, 100% calc(1.30em / 2), 100% 100%, 0 100%);
	background-image: url(/media/img/main/icons/icon_fold.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: .75rem;
	background-color: #00c1f6;
	padding: 0 .5rem;
    margin-bottom: .25rem;
	display: inline-block;
    font-size: .625rem;
    line-height: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}
.region .flag_advert .uppertitle {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.region .flag_advert:not(.short_uppertitle) .uppertitle,
.widget .flag_advert:not(.short_uppertitle) .uppertitle {
    color: #ffffff !important;
}
.region .flag_advert .uppertitle.color_combo_73.combo_bg {
	background-color: #7bd400 !important;
}

.widget .flag_advert.nad span,
.widget .flag_advert.bridge span {
	display: inline-block;
	font-weight: normal;
	color: #999999;
	vertical-align: bottom;
	margin-right: 8px;
	margin-bottom: 0.3em;
}

.region .flag_advert.nad span {
	display: none;
}


/* context box styles */
.widget.related_manual .flag_advert {
	position: relative;
	right: auto;
	bottom: auto;
	font-size: 1.34em;
	text-align: right;
	padding: 0 4px 4px 0;
}

.widget.related_manual .flag_advert.paid_content {
	text-align: left;
	padding: 8px 0 2px 15px;
}

.insert.related_stories .teaser.teaser_type_default .text .flag_advert.paid_content + h2 {
	padding-top: 0;
}



/* context box list styles */
.widget.context_list .flag_advert {
	position: relative;
	right: auto;
	bottom: auto;
	font-size: 0.6em;
	padding: 8px 0 0 0;
}
.widget.context_list .flag_advert span {
	color: white;
	font-weight: bold;
}



/* context teaser styles */
.widget.context_teaser .flag_advert span {
	display: block;
	margin: 0 auto;
}

.widget.context_teaser .flag_advert:not(.paid_content)  {
	z-index: 2;
	top: 10px;
	right: 10px;
	bottom: auto;
	font-size: 1em;
	text-align: center;
	background: white;
	box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2);
}

.widget.context_teaser .flag_advert.paid_content {
	padding-left: 10px;
	font-size: 1.1em;
}

.widget.context_teaser .flag_advert img {
	max-width: 9em;
	max-height: 6.5em;
}



@media screen and (max-width: 975px) {
	.widget .flag_advert {
		font-size: 0.8em;
	}
}


/* @MEDIA Phone */
/* ============== */
@media screen and (max-width: 591px) {

	/* tiny widget for mobile */
	/* ================== */
	.insert .widget.show_minimal_mobile {
		max-height: 200px;
		overflow: hidden;
	}

	.insert .widget .more_on_mobile {
		display: none;
	}

	.insert .widget.show_minimal_mobile .more_on_mobile {
		display: block;
		z-index: 66;
	}

	.region .flag_advert.nad span {
		display: inline-block;
	}

}

/* shareholder for all widgets */
/* ======================== */

.insert .widget .shareholder .fade {
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	background-color:rgba(0,0,0,0.8);
	display:none;
	cursor:pointer;
	z-index:1;
}

.insert .widget .shareholder .options {
	display:none;
}

.insert .widget .shareholder .options ul,
.insert.side .widget .shareholder .options ul {
	position:absolute;
	width:100% !important;
	font-size:24px !important;
	line-height:1em;
	text-align:center;
	top:50%;
	margin-top:-1.35em;
}

.insert .widget .shareholder .options ul li {
	display:inline-block;
	opacity:0.8;
	transition:opacity 0.5s ease, background 0.5s ease;
	margin: 0 2px;
	position:relative;
	z-index:2;
}

.insert .widget .shareholder .options ul li.facebook,
.insert .widget .shareholder .options ul li.twitter,
.insert .widget .shareholder .options ul li.whatsapp {
	background-color:#999999;
}

.insert .widget .shareholder .options ul li.whatsapp {
	display:none;
}

.insert .widget .shareholder .options ul li.zoom {
	background-color:#f40f97;
}

/* no zoom for videos */
.insert .widget.video .shareholder .options ul li.zoom {
	display:none;
}

.insert .widget .shareholder .options ul li:hover {
	opacity:1;
}

.insert .widget .shareholder .options ul li a {
	display:block;
	border:none !important;
}

/* !important because of possible .widget css definitions */
.insert .widget .shareholder .options ul li a img {
	width:1.6em !important;
	height:1.2em !important;
	padding:0.75em 0.55em !important;
	margin:0 !important;
}

.insert .widget .shareholder .icon {
	position:absolute;
	right:0.5em; /* 5px / 10px */
	bottom:0.5em; /* 5px / 10px */
	cursor:pointer;
}
.insert .widget .shareholder .icon img {
	width:3em; /* 30px / 10px */
	height:2em; /* 20px / 10px */
	margin:4em 0.5em 0.5em 4em;
}

/* shareholder in timeline */
/* ======================= */
.insert ul.timeline .shareholder ul {
	margin:10px 0 0 0;
}

.insert ul.timeline .shareholder li {
	padding:0;
}


/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {

	/* shareholder */
	/* =========== */
	.insert .widget .shareholder .options ul,
	.insert.side .widget .shareholder .options ul {
		font-size:20px !important;
	}

}


/* @MEDIA Phone */
/* ============= */
@media screen and (max-width: 591px) {

	/* shareholder */
	/* =========== */
	.insert .widget .shareholder .options ul,
	.insert.side .widget .shareholder .options ul {
		font-size:20px !important;
	}

}

/* WIDGET: Columns | Statements | Quotes | Infobox | Table | Native Advertising Source */

/* columns in widgets */
/* ================== */
/* .multicols => as many cols as possible at the available width */
/* .duocols => 2 cols if possible */
.insert .widget .multicols p,
.insert .widget .duocols p {
	display:inline-block;
	width:100%;
}

.insert:not(.side) .widget .multicols,
.insert:not(.side) .widget .duocols {
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}

.insert.cinemascope  .widget .multicols,
.insert.jumbo  .widget .multicols,
.insert.full .widget .multicols {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

/* widget header */
/* ============= */
.insert .widget .widget_header {
	font-size: 1.5em !important;
  font-weight: bold;
  padding: 5px 10px !important;
  text-transform: uppercase;
  margin: 0;
  height: 15px;
}

/* statements */
/* ========== */
.widget.statement > div {
	border-left:4px solid #00c1f6;
	padding-left:16px !important;
	width:45%;
	margin-right:2%;
	display:inline-block;
	vertical-align:top;
}

.widget.statement .pro { border-left-color:#7bd400; }
.widget.statement .contra { border-left-color:#f40f97; }





/* quotes */
/* ====== */
.inserttitle.quote.shorttext {
	text-align:center;
}

.widget.quote h6 {
	font-weight:bold;
	font-size:3.428em; /* 34.28px / 10px, because of mobile's title size (is 3.428em) */
	font-style: italic;
	color: #f40f97;
	line-height:1.1em;
}

.widget.quote.shorttext h6 {
	text-align:center;
}

.insertcaption.quote.shorttext {
	text-align:center;
	width:100% !important;
}

.insertcaption.quote.shorttext .caption {
	margin: 0 3px 0 3px !important;
}

.insertcaption.quote.shorttext .source {
	margin-right:3px;
}

.widget.quote.longtext h6 {
	font-size:1.8em;
	line-height:1.5em;
	color: inherit;
	border-left:4px solid #f40f97;
	padding-left:16px;
}

.widget.quote.longtext h6 {
    line-height: 1.7rem;
}



/* infobox */
/* ======= */
.widget.infobox {
	padding:0 0 10px 0;
	width:auto;
	background: #f6f6f6;
}

.widget.infobox img {
	margin: 0 0 20px 0;
	width:100%;
}

.widget.infobox h4,
.widget.infobox h5 {
	font-size:2em; /* 20px / 10px */
	line-height:1.3em;
	font-weight:bold;
	padding:5px 10px !important;
	margin:0 !important;
}

.widget.infobox h4.combo_bg a,
.widget.infobox h4.combo_bg a:hover {
	color:#ffffff !important;
}

.widget.infobox p {
	padding:5px 10px 0 10px !important;
	margin:0 !important;
}

.insert .widget.infobox .more_on_mobile  {
	position: absolute;
	bottom: 0;
	background: #ccc;
	background: -moz-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,0.9) 75%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,0)), color-stop(75%,rgba(238,238,238,0.9)));
	background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,0.9) 75%);
	background: -o-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,0.9) 75%);
	background: -ms-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,0.9) 75%);
	background: linear-gradient(to bottom, rgba(238,238,238,0) 0%,rgba(238,238,238,0.9) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#cceeeeee',GradientType=0 );
	padding-top:40px;
}

/* promobox */
/* ======== */
.widget.promobox {
	border-top:8px solid #00c1f6;
	background-color:#ffffff;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
	line-height:1.3em;
	padding:16px;
	width:auto;
}

.widget.promobox h4 {
	font-size: 2em;
    font-weight: bold;
    line-height: 1.3em;
}

.widget.promobox .media {
    text-align:center;
}

.widget.promobox .media .slot {
    margin-top:12px;
}

.widget.promobox .media .slot img.logo {
    max-width:40%;
    max-height:6;
}

.widget.promobox .media .slot img.logo2 {
    max-width:100%;
    max-height:6;
}

/* WIDGET: app-werbebox */
/* ========= */
.widget.infobox.app img {
    width:40%;
    margin:10px 0 0 5%;
}

.widget.infobox.app img.google-play {
	margin:10px 5% 0 0;
    float:right;
}

/* table */
/* ===== */
.widget.table.stripes tr:nth-child(even) {
    background-color: #eeeeee;
}

.widget.table table {
	width:100%;
}

.widget.table tbody td,
.widget.table thead th {
	padding:0.333em; /* 18px / 3 => 6px */
	border-bottom:1px solid #dddddd;
	text-align:left;
	font-size:1.8em; /* 18px / 10px */
}

.widget.table tbody td.align_right,
.widget.table thead th.align_right {
	text-align:right;
}

.widget.table thead tr th {
	border-bottom:2px solid #dddddd;
}

.widget.table thead th {
	font-weight:bold;
	border-bottom:none;
}

.widget.table tbody td.breaker {
	font-weight: bold;
	padding: 25px 0 5px 0;
}

.widget.table tr.color_line_1 td { border-bottom:2px solid #84e100; }
.widget.table tr.color_line_2 td { border-bottom:2px solid #ce0f89; }

/* related stories manual */
/* ====================== */
.widget.related_manual {
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
}

.widget.related_manual .teaser {
	font-size:0.8em;
}

/* related stories content partner */
/* =============================== */
.widget.related_content_partner {
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
}

.widget.related_content_partner .teaser {
	font-size:0.8em;
}

/* n_a_source */
/* ========== */
.widget.n_a_source {
	text-align:right;
	font-size:1.4em;
	color:#999999;
	border-bottom:1px solid #dddddd;
	padding:8px;
	width:auto;
}

.widget.n_a_source img {
	max-width:40%;
	max-height:24px;
	vertical-align:middle;
	padding:0;
	margin-left:10px;
}

/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {

	/* columns in widgets */
	/* ================== */
	.insert:not(.cinemascope):not(.jumbo):not(.full) .widget .multicols,
	.insert:not(.cinemascope):not(.jumbo):not(.full) .widget .duocols  {
		-webkit-column-count: inherit;
		-moz-column-count: inherit;
		column-count: inherit;
	}

	.insert.cinemascope  .widget .multicols,
	.insert.jumbo  .widget .multicols,
	.insert.full .widget .multicols {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	/* promobox */
	/* ======== */
	.widget.promobox {
		border-top-width:7px;
		padding:14px;
	}

	/* table */
	/* ===== */
	.widget.table table {
		width:calc(100% - 28px);
		margin:14px;
	}
}


/* @MEDIA Phone */
/* ============= */
@media screen and (max-width: 591px) {

	/* columns in widgets */
	/* ================== */
	.insert .widget .multicols,
	.insert .widget .duocols  {
		-webkit-column-count: inherit !important;
		-moz-column-count: inherit !important;
		column-count: inherit !important;
	}

	/* statements */
	/* ========== */
	.widget.statement > div {
		width:95%;
	}

	.widget.statement > div:first-child {
		margin-bottom:20px;
	}

	.widget.statement > div p {
		margin-bottom:20px;
	}

	.widget.statement > div p:last-child {
		margin-bottom:0;
	}

	/* quotes */
	/* ====== */
	.widget.quote.longtext h6 {
		font-size:2.2857em;
	}

	/* infobox */
	/* ======= */
	.widget.infobox.show_all_mobile {
		height: auto !important;
	}

	.widget.infobox h5 {
		font-size:2.4em;
	}

	/* promobox */
	/* ======== */
	.widget.promobox {
		border-top-width:5px;
		padding:10px;
	}

	/* table */
	/* ===== */
	.widget.table table {
		width:calc(100% - 20px);
		margin:10px;
	}

	/* sportstable */
	/* =========== */
	.widget.sportstable { margin:0 0 10px 0; }

	/* related stories manual */
	/* ====================== */
	.widget.related_manual .teaser {
		font-size:1em;
	}

	/* related stories content partner */
	/* =============================== */
	.widget.related_content_partner .teaser {
		font-size:1em;
	}

	.widget.related_content_partner aside:nth-of-type(n+2) {
		display: none;
	}

	.widget.related_content_partner.show_all_mobile aside {
		display: block;
	}

	/* widget header */
	/* ============= */
	.insert .widget .widget_header {
		height: 10px;
	}
}

/* WIDGET: Videos | Wilmaa | Peephole | Cover | Image | Imagebar */

/* videos */
/* ====== */
.widget.video {
	width:100%;
	height:0;
	padding-bottom:56.25%; /* 100% / 16 * 9 */
	overflow:hidden;
	cursor:pointer;
	position:relative;
}

/* on front */
.region .widget.video {
	padding-bottom:0;
	height:100%;
}

/* in little boxes */
.widget.little_boxes .little_box > .widget.video {
	height:0;
	padding-bottom:56.25%;
}

.widget.video img.preview {
	width:103%;	/* these numbers are too high in order not to let the letterbox black come into view */
	margin-left:-1.5%; /* <= to compensate the 103% from width */
	margin-top:-0.75%; /* <= to compensate the 103% from width */
}

.widget.video.youtube img.preview {
	margin-top:-10.35%;	/* these numbers are too high in order not to let the letterbox black come into view */
}

.widget.video div.preview {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-image:url(/media/img/main/vendor/background_video.jpeg);
	background-size:cover;
	background-position:left center;
}

.widget.video img.arrow {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width: 9%;
	max-width: 60px;
	cursor: pointer;
	border-radius:50%;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

.widget.video iframe {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.widget.video .alert {
	position:absolute;
	display:table;
	width:100%;
	height:100%;
	background-image:url('/media/img/main/icons/teaser_fallback.png');
	background-size:cover;
	background-position:center center;
}

.widget.video .alert span {
 	display:table-cell;
 	padding:10%;
 	vertical-align:middle;
 	text-align:center;
 	font-weight:bold;
 	color:#ffffff;
 	font-size:1.8em;
 	line-height:1.3em;
 	background-color:rgba(0,0,0,0.5);
 }

/* NHL videos */
/* ========== */
.widget.video.nhl .shareholder,
.widget.video.wilmaa_button .shareholder {
    display: none;
}

/* streamable */
/* ========== */
.widget.video.streamable img.preview {
	width:100%;
	margin-left:0;
	margin-top:0;
}

/* kaltura */
/* ======= */
.widget.video.kkvideo .kWidgetIframeContainer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.jw-rightclick,
.jw-icon-settings {
    display: none !important;
}

/* ab-test overrides */
/* ================= */
.widget.video.ab_1 .arrow {
	background-image: url(/media/img/main/arrows/arrow_video_play.png);
    background-size: cover;
    position: absolute;
    left: calc(50% - (12% / 2) );
    top: calc(50% - (12% / 2 * 16 / 9) );
    width: 12%;
    height: 0;
    padding-bottom: 12%;
    border-radius: 50%;
    box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
    transform:none;
}

.widget.video.ab_1 .duration {
	font-size:1.6em !important;
	font-weight:bold;
	color:#ffffff;
	position:absolute;
	left:1em;
	bottom:1em;
}

/* wilmaa */
/* ====== */
.widget.wilmaa, .widget.wilmaa_standalone {
	width:100%;
	height:0;
	padding-bottom:56.2%;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}

/* iframe version for desktop */
.widget.wilmaa iframe, .widget.wilmaa_standalone iframe {
	position:absolute;
	width:100%;
	height:100%;
}

/* direct link version for mobile */

.widget.wilmaa img {
	width: 100%;
	height: auto;
}

/* spotify */
/* ======= */
.widget.spotify iframe {
	width:100% !important;
}

/* peephole */
/* ======== */
.widget.peephole {
	height:0;
	padding-top:56.25%;
	position:relative;
	background-attachment:fixed;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	display:block; /* just in case our peephole is an <a> */
}

.widget.peephole p {
	margin:0;
	padding:0;
	position:absolute;
	z-index:3;
	bottom:0;
	left:0;
	width:96%;
	padding:10px 2%;
	font-size:3.6em /* 36px / 10px */;
	text-align:center;
	line-height:1em;
	font-style: italic;
}

.widget.peephole p .combo_fg {
	position:relative;
}

/* magazine cover */
/* ============== */
.widget.cover {
	height:0;
	padding-top:60em; /* 600px / 10px */
	position:relative;
	background-attachment:fixed;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

.widget.cover .covertitle {
	position: absolute;
	bottom:3em; /* 30px / 10px */
	color: #FFF;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
	width: calc(1026px * 0.85);
}

.insert.jumbo .widget.cover .covertitle {
	margin-left: calc(50% - 437px);
}

.insert.cinemascope .widget.cover .covertitle {
	margin-left: calc(50% - 437px);
}

.wrapper.has_side_ad .insert.cinemascope .widget.cover .covertitle {
	margin-left: calc(50% - 587px);
}

.widget.cover.txt_dark .covertitle {
	color: #222;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.widget.cover .covertitle h2.maintitle {
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	bottom:1.7em;
}

.widget.cover .badge {
	width:60px;
	height:60px;
	margin-top:-72px; /* 60px + 12px */
	margin-left:-8px;
	position:absolute;
	top:0;
	left:0;
}

.insert.jumbo .widget.cover {
     background-attachment:scroll;
 }

.insert.jumbo > .widget.cover .uppertitle {
    display: none;
}

/* image */
/* ===== */
.widget.image img {
	width: 100%;
	display:block;
    height: auto;
}

.widget.image .animated {
	cursor: pointer;
}

.widget.image .animated img.arrow {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width: 7%;
	cursor: pointer;
	border-radius:50%;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

.widget.image .animated img.animated-loader {
	position:absolute;
	margin-top:-2.875%;
	top:50%;
	left:42%;
	width:16%;
	opacity: 0.9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* imagebar */
/* ======== */
.widget.imagebar {
	width:100%;
}

.widget.imagebar .imagebox {
	width: 32.83333%;
	margin-right: 0.5%;
	float: left;
}

.widget.imagebar img {
	width: 100%;
	margin: 0;
}

.widget.image p.caption {
	position:absolute;
	bottom:0;
	background-color:#eeeeee;
	background-color:rgba(255,255,255,0.8);
	color:#222222;
	padding:10px 15px;
	max-width:58%; /* 60% - 2% */
	width:auto;
	margin:0;
}

/* imagebar 2 spalten */
/* ================== */
.widget.imagebar.twopics .imagebox {
	float: left;
	width: 49.5%;
	margin-right: 0.5%;
}

/* Slideshow initial hide */
/* ====================== */
/*.widget.slideshow {
	display: none;
}*/


.streamable_placeholder::after, .clippit_placeholder::after, .streamja_placeholder::after {
	display:block;
	content:"";
	background-image:url(/media/img/main/adgets/streamables/placeholder_streamja_v4.png);
	background-position:center center;
	background-size:cover;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

@media screen and (max-width: 1330px) {
	.insert.cinemascope .widget.cover .covertitle,
	.wrapper.has_side_ad .insert.cinemascope .widget.cover .covertitle {
		margin-left: calc(50% - 437px);
	}

	.insert.jumbo .widget.cover .covertitle,
	.wrapper.has_side_ad .insert.jumbo .widget.cover .covertitle {
		margin-left: calc(50% - 437px);
	}
}


/* @MEDIA iPad Landscape */
/* ============== */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

	.widget.peephole {
		background-attachment:scroll;
		background-size:cover;
	}
}


/* @MEDIA Tablet  */
/* ============== */
@media screen and (max-width: 975px) {

	/* image */
	/* ===== */
	.widget.image p.caption {
		max-width:78% !important; /* 80% - 2% */
	}

	.widget.image .animated img.animated-loader {
		margin-top:-2.675%;
		left:42%;
		width:16%;
	}

	/* peephole */
	/* ======== */
	.widget.peephole {
		background-attachment:scroll;
		background-size:cover;
	}

	/* imagebar */
	/* ======== */
	.widget.imagebar .imagebox:last-child {
		width: 33.33333%;
		margin-right: 0%;
		float: left;
	}

	.widget.imagebar img {
		width:100%;
		margin:0 0 2px 0;
	}

	/* imagebar 2 spalten */
	/* ================== */
	.widget.imagebar.twopics .imagebox:last-child {
		float: left;
		width: 50%;
		margin-right: 0%;
	}

	/* cover */
	/* ===== */
	.widget.cover {
		background-attachment:scroll;
		background-size:cover;
		padding-top: 60%;
	}

	.widget.cover .covertitle {
		margin-left:0 !important;
		left:4%;
		width: 92%;
	}

	.widget.cover .badge {
		width:64px;
		height:64px;
		margin-top:-74px; /* 64px + 10px */
	}
}

/* @MEDIA Phone  */
/* ============== */
@media screen and (max-width: 591px) {

	/* image */
	/* ===== */
	.widget.image p.caption {
		font-size:1.8em !important;
		max-width:none  !important;
		padding:5px 15px;
	}

	.widget.image .animated img.animated-loader {
		margin-top:-3.625%;
		left:40%;
		width:20%;
	}

	/* imagebar */
	/* ======== */
	.widget.imagebar .imagebox, .widget.imagebar .imagebox:last-child {
		width: 100%;
	}
	.widget.imagebar img {
		width:100%;
		margin: 0;
	}

	/* imagebar twopics */
	/* ================ */
	.widget.imagebar.twopics .imagebox, .widget.imagebar.twopics .imagebox:last-child {
		width: 100%;
	}

	/* cover */
	/* ===== */
	.widget.cover {
		padding-top:80%;
	}

	.widget.cover .badge {
		width:48px;
		height:48px;
		margin-top:-56px; /* 48px + 8px */
		margin-left:-4px;
	}

	/* video play button */
	/* ================= */
	.widget.video img.arrow {
		width: 17%;
	}
}

/* ie 11 hacks */
/* =========== */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .widget.peephole {
		background-attachment:scroll;
		background-size:cover;
	}

	*::-ms-backdrop, .widget.cover {
		background-attachment:scroll;
		background-size:cover;
	}
}







/* AB TEST VIDEO */
.widget.spotlight_media.video_ab_1 > .content,
.widget.spotlight_media.video_ab_2 > .content,
.widget.spotlight_media.video_ab_3 > .content,
.widget.spotlight_media.video_ab_4 > .content {
	background-color:#F40F97;
}

.widget.spotlight_media.video_ab_1 > .content > .arrow,
.widget.spotlight_media.video_ab_2 > .content > .arrow,
.widget.spotlight_media.video_ab_3 > .content > .arrow,
.widget.spotlight_media.video_ab_4 > .content > .arrow {
	border-right-color:#F40F97;
}

.widget.spotlight_media.video_ab_1 .widget.video div.preview,
.widget.spotlight_media.video_ab_2 .widget.video div.preview,
.widget.spotlight_media.video_ab_3 .widget.video div.preview,
.widget.spotlight_media.video_ab_4 .widget.video div.preview {
	background-position: center top;
	background-size:110% auto;
}

/* ab v1 */
.widget.spotlight_media.video_ab_1 .widget.video img.arrow {
background-image: url(/media/img/main/arrows/arrow_video_play_ab_test.png);
background-size: cover;
position: absolute;
left: calc(50% - (12% / 2) );
top: calc(50% - (12% / 2 * 16 / 9) );
width: 12%;
height: 0;
padding-bottom: 12%;
border-radius: 50%;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
transform:none;
}

/* ab v2, ab v3 */
.widget.spotlight_media.video_ab_2 .widget.video img.arrow,
.widget.spotlight_media.video_ab_3 .widget.video img.arrow {
background-image: url(/media/img/main/arrows/arrow_video_play_ab_test.png);
background-size: cover;
position: absolute;
left: calc(50% - (20% / 2) );
top: calc(50% - (20% / 2 * 16 / 9) );
width: 20%;
height: 0;
padding-bottom: 20%;
border-radius: 50%;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
transform:none;
}

/* ab v3, ab v4, ab v5 */
.widget.spotlight_media.video_ab_3 .widget.video .duration,
.widget.spotlight_media.video_ab_4 .widget.video .duration {
font-size:1.6em !important;
line-height:1em;
height:1em;
padding:0.5em;
font-weight:bold;
color:#ffffff;
background-color:#F40F97;
position:absolute;
right:1em;
bottom:1em;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
border-radius:2px;
}

/* ab v4 */
.widget.spotlight_media.video_ab_4 .widget.video img.arrow {
background-image: url(/media/img/main/arrows/arrow_video_play_ab_test.png);
background-size: cover;
position: absolute;
left: calc(50% - (20% / 2) );
top: calc(50% - (20% / 2 * 16 / 9) );
width: 20%;
height: 0;
padding-bottom: 20%;
border-radius: 50%;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
transform:none;

-webkit-animation-name: jumpy;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-name: jumpy;
animation-duration: 4s;
animation-iteration-count: infinite;
}

@-webkit-keyframes jumpy {
0%  { top: calc(50% - (20% / 2 * 16 / 9) ); }
5%  { top: calc(45% - (20% / 2 * 16 / 9) ); }
10%  { top: calc(50% - (20% / 2 * 16 / 9) ); }
15%  { top: calc(45% - (20% / 2 * 16 / 9) ); }
20%   { top: calc(50% - (20% / 2 * 16 / 9) ); }
100% { top: calc(50% - (20% / 2 * 16 / 9) ); }
}

/* WIDGET: Author | Tag_List | Badge_Banger */

/* author */
/* ====== */
.widget.author {
	position: relative;
	min-height: 20px;
	border-top:1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 5px 0;
}

.widget.author.cardOpen {
	min-height: 100px;
}

.widget.author .maxi {
	margin:5px 0;
	display:none;
}

.widget.author .maxi .author {
	margin:30px 0 0 0;
	display:table;
}

.widget.author .maxi .author:nth-child(2) {
	margin:0;
}

.widget.author .maxi .slider {
	display: none;
}

.widget.author .maxi .pic {
	width: 90px;
	height: 90px;
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
}

.widget.author .maxi .pic img {
	height: 90px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.widget.author .card {
	min-height: 75px;
	padding-top: 10px;
	padding-bottom:10px;
	display:table-cell;
	vertical-align:middle;
}

.widget.author .card h6 {
	font-size: 2.6em;
}

.widget.author .card p {
	padding:0 0 4px 0;
	margin: 0;
}

.widget.author .card .follow {
    display: inline-block;
    -webkit-border-radius: 4px;
    border-radius: 2px;
    padding: 5px 10px;
    text-align: left;
    font-size: 1.6em;
    line-height:1.3em;
    cursor: pointer;
    color:#fff;
    background-color:#7bd400;
    height:1.4em;
    vertical-align:middle;
}

.widget.author .card .follow::before {
	content:"";
	width:1.2em;
	height:1.2em;
	display:inline-block;
	line-height:0;
	vertical-align:-0.15em;
	background-image:url(/media/img/main/icons/icon_fav_white.png);
	background-size:contain;
	margin-right:5px;
}

.widget.author .card .follow.ing {
    background: #c0c0c0;
}

.widget.author .card .follow.ing:before {
	background-image:url(/media/img/main/icons/icon_quiz_check_white.png);
}

.widget.author .card a.followAuthor {
	display:inline-block;
	width:1.4em;
	height:1.4em;
	background-size:auto 14px;
	background-repeat:no-repeat;
	background-position:center center;
	font-size: 1.6em;
    padding: 5px;
    border-radius:2px;
    vertical-align:middle;
    margin-left:2px;
	text-indent: -9999px;
	overflow: hidden;
}

.widget.author .card a.followAuthor.facebook {
	background-color:#b3b7bb;
	background-image:url("/media/img/main/icons/icon_facebook_white.png");
}

.widget.author .card a.followAuthor.twitter {
	background-color:#b3b7bb;
	background-image:url("/media/img/main/icons/icon_twitter_white.png");
}

.widget.author .card a.followAuthor.instagram {
	background-color:#b3b7bb;
	background-image:url("/media/img/main/icons/icon_instagram_white.png");
}

.widget.author .bio {
    display: none;
	float: none;
	margin: 10px 0 0 0;
	color: #666;
}

.widget.author .mini {
	text-align: center;
	font-size: 1.8em;
	cursor: pointer;
}

.widget.author .mini .author {
	text-transform:lowercase;
	color:#666666;
}

.widget.author .mini .slider {
	position: absolute;
	top: 7px;
	right: 6px;
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}


/* badge banger */
/* ============ */
.widget.badge_banger {
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	width:100%;
	height:84px;
	display:table;
}

.widget.badge_banger .starbadge,
.widget.badge_banger .portrait {
	position:absolute;
	top:12px;
	left:12px;
	width:60px;
	height:60px;
	display:inline-block;
}

.widget.badge_banger .starbadge img,
.widget.badge_banger .portrait img {
	position:absolute;
}

.widget.badge_banger .starbadge {
	filter: drop-shadow(2px 2px 9px rgba(0, 0, 0, 0.2));
	-webkit-filter: drop-shadow(2px 2px 9px rgba(0, 0, 0, 0.2));
}

.widget.badge_banger .portrait {
	border-radius:50%;
	overflow:hidden;
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
}

.widget.badge_banger .text {
	font-size:1.8em;
	line-height:1.3em;
	display:table-cell;
	vertical-align:middle;
	background-color:#ffffff !important;
	color:#222222 !important;
	height:60px;
	padding:12px 12px 12px 84px;
}

/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {

	/* author */
	/* ====== */
	.widget.author .card p {
		font-size: 1.8em;
    }

}


/* @MEDIA Phone */
/* ============= */
@media screen and (max-width: 591px) {

	/* author */
	/* ====== */
	.widget.author.cardOpen {
        min-height: 85px;
    }

    .widget.author .maxi {
		margin:0px;
		display: none;
	}

	.widget.author .maxi .author {
		margin: 15px 0 0 0;
	}

	.widget.author .maxi .pic {
		width: 70px;
        height: 70px;
		text-align: center;
	}

    .widget.author .maxi .pic img {
        height: 70px;
        -webkit-border-radius: 35px;
        border-radius: 35px;
    }

	.widget.author .card {
		min-height: 75px;
		padding-top: 10px;
	}

    .widget.author .card p {
        clear: none !important;
    }

    .widget.author .card .follow {
	    font-size:2.2857em !important;
    }

	.widget.author .card a.followAuthor {
		font-size:2.2857em !important;
	}

	.widget.author .bio {
		font-size: 1.2em;
	}

	.widget.author .mini {
		font-size: 2.2857em !important;
	}

	.widget.author .mini .slider {
		top: 7px;
	}

	/* badge banger */
	/* ============ */
	.widget.badge_banger {
		height:64px;
	}

	.widget.badge_banger .starbadge,
	.widget.badge_banger .portrait {
		top:8px;
		left:8px;
		width:48px;
		height:48px;
	}

	.widget.badge_banger .text {
		padding:8px 8px 8px 64px;
		height:48px;
		font-size:2.2857em !important;
	}

}

/* note on a card */
/* ============== */
.widget.note_on_a_card {
	width:100%;
	height:139px;
	position:relative;
	background-color:#ffffff;
	box-shadow:none;
}

/* border for front elements */
.region .widget.note_on_a_card {
	/*margin-bottom:16px;*/
	box-shadow:none;
}

.widget.note_on_a_card .table {
	display:table;
	padding:16px;
	width:100%;
	height:100%;
	box-sizing:border-box;
}

.widget.note_on_a_card .content {
	background-color:#ffffff;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
	font-size:18px;
	line-height:1.3em;
	display:table-cell;
	vertical-align:middle;
	padding:0 24px;
}

.widget.note_on_a_card .content .text img.logo,
.widget.note_on_a_card .content .text img.toon {
	height:2.5em;
	float:left;
	margin-right:0.5em;
}

.widget.note_on_a_card .content .text img.logo {
	border-radius:10%;
}

/* sales contact */
/* ============= */
.widget.note_on_a_card.sales_contact .table {
	width:38em;
	margin-left: calc( ( 100% - 38em ) / 2);
}

.widget.note_on_a_card.sales_contact .content {
	border-top:8px solid #f40f97;
}

.widget.note_on_a_card.sales_contact .content .text img.toon {
	height:3.9em;
}


/* whatsapp_button */
/* =============== */
.widget.note_on_a_card.whatsapp_button .content {
	border-top:8px solid #f40f97;
}

.widget.note_on_a_card.whatsapp_button .content .text {
	font-weight:bold;
}

.widget.note_on_a_card.whatsapp_button .content .recommend_button {
	background-color:#7bd400;
	color:#ffffff;
	text-align:center;
	margin-top:0.5em;
	line-height:2em;
	width:100%;
	display:block;
	border-radius:2px;
}

.widget.note_on_a_card.whatsapp_button .content .recommend_button.standard {
	background-color:#00c1f6;
}

.widget.note_on_a_card.whatsapp_button .content .recommend_button img {
	height:1em;
	margin-right:0.75em;
	vertical-align:middle;
}

/* stormy friday (stories only) */
/* ============================ */
.widget.note_on_a_card.stormy_friday {
	height:auto;	
}

.widget.note_on_a_card.stormy_friday .content {
	padding-top:12px;	
	padding-bottom:12px;	
}

.widget.note_on_a_card.stormy_friday .content .text {
	font-weight:bold;
	text-align:center;
}

.widget.note_on_a_card.stormy_friday .content .recommend_button {
	color:#ffffff;
	text-align:center;
	margin-top:0.5em;
	line-height:2em;
	width:calc(50% - 1px);
	display:block;
	border-radius:2px;
	float:left;
}

.widget.note_on_a_card.stormy_friday .content .recommend_button.facebook {
	background-color:#507be7;
	margin-right:2px;
}

.widget.note_on_a_card.stormy_friday .content .recommend_button.twitter {
	background-color:#00c1f6;
}

.widget.note_on_a_card.stormy_friday .content .recommend_button.whatsapp {
	background-color:#7bd400;
}

.widget.note_on_a_card.stormy_friday .content .recommend_button img {
	height:0.8em;
	margin-right:0.6em;
	vertical-align:baseline;
}
	

/*Tablet*/
@media screen and (max-width: 975px) {
	
	/* border for front elements */
	.region .widget.note_on_a_card {
		/*margin-bottom:14px;*/
	}
	
	.widget.note_on_a_card .table {
		padding:14px;
	}
	
	.widget.note_on_a_card .content {
		font-size:16px;
	}
	
	/* sales contact */
	.widget.note_on_a_card.sales_contact .content {
		border-top-width:7px;
	}
	
	/* whatsapp button */
	.widget.note_on_a_card.whatsapp_button .content {
		border-top-width:7px;
	}
	
}

/* Phone */
@media screen and (max-width: 591px) {
	
	/* border for front elements */
	.region .widget.note_on_a_card {
		/*margin-bottom:10px;*/
	}
	
	.widget.note_on_a_card .table {
		padding:10px;
	}
	
	.widget.note_on_a_card .content {
		padding:0 16px;
		font-size:16px;
	}
	
	/* sales contact */
	.widget.note_on_a_card.sales_contact .content {
		border-top-width:5px;
	}
	
	/* whatsapp button */
	.widget.note_on_a_card.whatsapp_button .content {
		border-top-width:5px;
	}
	
	/* stormy friday */
	.widget.note_on_a_card.stormy_friday .content .recommend_button {
		margin-right:0 !important;
		width:auto;
		float:none;
	}

}


























/* tags */
/* ==== */
.widget.tags {
	font-size:1.6em; /* 16px / 10px */
	color:#666666;
	box-shadow:none;
	margin-bottom:-0.75em;
}

.widget.tags ul {
	margin:4px 0 0 0 !important;
	font-size:1.5em !important; /* 24px / 16px */
}

.widget.tags li {
	display:inline-block;
	padding:0;
	margin-right:0.5em; /* 12px / 24px */
}

.widget.tags li a {
	font-size:0.64em; /* 15.36px / 24px */
	display:inline-block;
	color:#00c6ff;
	background-color:#222222;
	margin-bottom:0.75em; /* 12px / 16px */
	padding:0.625em; /* 10px / 16px */
	font-weight:bold;
	line-height:1em; /* 16px / 16px */
	text-transform:uppercase;
}


.widget.tags li.user a {
	color:#ff9306;
}

.widget.tags li a:hover {
	color:#ffffff;
}

/* hide noindex tag - it's only used for robots */
.widget.tags li a[href*="/noindex/"] {
	display: none;
}

/* front use */
/* ========= */
.region .widget.tags {
	margin-top:-5px;
}

.region .widget.tags ul {
	margin-top:0 !important;
	line-height:0;
}

.region .widget.tags li {
	margin-right:1px;
}

.region .widget.tags li a {
	margin-top:5px;
	margin-bottom:0;
	font-size:0.58333em;
	padding:5px 7px;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

/* WIDGET: Twitter | Instagram | Vine | Soundcloud | FB-Fan */

/* twitterbox */
/* ========== */
/*.widget.tweet .twitter-tweet,
.twitter-tweet {
	width:99% !important;
}*/

/* instagram */
/* ========= */
.widget.instagram { /* no definitions needed (remark sven) */
	/*width:100%;
	height:0;
	padding-bottom:115%;
	margin: -1px;
	overflow:hidden;
	position:relative;*/
}

.widget.instagram iframe {
	/*position:absolute;
	top:0;
	left: 0;
	width:100% !important;
	height:100% !important;*/
}

/* vine */
/* ==== */
.widget.vine {
    width:100%;
    height:0;
    padding-bottom:111%;
    position:relative;
    overflow:hidden;
}

.widget.vine iframe {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

/* facebook post */
/* ============ */
.widget.facebook_post {
	width: 100%;
	height: 100%;
}

.widget.facebook_post .fb_iframe_widget,
.widget.facebook_post .fb_iframe_widget span,
.widget.facebook_post .fb_iframe_widget span iframe,
.insert:not(.doc-snippet)[watson-ui-placeholder=facebook] iframe {
	width: 100% !important;
}

/* soundcloud */
/* ========= */
.widget.soundcloud {}

/* facebook fanbox DESKTOP ONLY */
/* =========================== */
.widget.fb-fan {
	height: 210px;
}


/* @MEDIA iPad Landscape */
/* ============== */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

	/* vine */
	/* ========= */
	.widget.vine {
	    padding-bottom:114%;
	}

}


/* @MEDIA Tablet */
/* ============== */
@media screen and (max-width: 975px) {
	
	/* instagram */
	/* ========= */
	/*.widget.instagram {
		padding-bottom:125%;
	}*/
	
	/* vine */
	/* ========= */
	.widget.vine {
	    padding-bottom:119%;
	}
	
	/* facebook fanbox DESKTOP ONLY */
	/* ============================ */
	.widget.fb-fan {
		display: none !important;
	}
	
}


/* @MEDIA iPhone Landscape */
/* ============== */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	
	/* vine */
	/* ========= */
	.widget.vine {
	    padding-bottom:118%;
	}
	
}


/* @MEDIA Phone */
/* ============== */
@media screen and (max-width: 591px) {
	
	/* vine */
	/* ========= */
	.widget.vine {
	    padding-bottom:122%;
	}

	/* instagram */
	/* ========= */
	/*.widget.instagram {
		padding-bottom:125%;
	}*/
	
}

/* sharebuttons */
/* =========== */
.widget.sharebuttons {
	position: fixed;
	bottom: 12px;
	margin-bottom:5.6em;
	left: -20em;
	height: auto;
	width: 2.6em;
	z-index: 10;
	-moz-transition: left 0.5s ease;
	-webkit-transition: left 0.5s ease;
	transition: left 0.5s ease;
}

.widget.sharebuttons.show {
    left: 0.5rem;
}

.widget.sharebuttons a {
	display: block;
	width: 2.6em;
	height: 2.6em;
	padding: 1em;
	margin: 1em 0 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	position:relative;
}

.widget.sharebuttons a.facebook {
	background: #b3b7bb;
}

.widget.sharebuttons a.twitter {
	background: #b3b7bb;
}

.widget.sharebuttons a.google {
	background: #b3b7bb;
}

.widget.sharebuttons a.whatsapp {
	background: #b3b7bb;
}

.widget.sharebuttons a.mail {
    background: #b3b7bb;
}

.widget.sharebuttons a.native_sharing {
    background: #b3b7bb;
}

.widget.sharebuttons a.comments {
    background: #b3b7bb;
}

.widget.sharebuttons a.user_input {
    background: #b3b7bb;
}

.widget.sharebuttons a .number {
	display:none; /* visibility handled by js */
	position:absolute;
	top:-0.5em;
	right:-0.25em;
	font-size:1.2em;
	line-height:1em;
	height:1em;
	min-width:0.5em;
	text-align:center;
	padding:0.25em 0.5em;
	border-radius:0.75em;
	background-color:#f40f97;
	color:#ffffff;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

/* @MEDIA Tablet */
/* ============ */
@media screen and (max-width: 975px) {

	.widget.sharebuttons {
		left: 24px !important;
		margin-left:5em !important;
		margin-bottom:0;
		bottom: -20em;
		width: auto;
		-moz-transition: bottom 0.5s ease;
		-webkit-transition: bottom 0.5s ease;
		transition: bottom 0.5s ease;
		/*background-image:url(/media/img/main/icons/android_touch_icon_196.png);*/
		padding:12px 12px 12px 0;
	}

	.widget.sharebuttons.show {
		bottom:0;
	}

	.widget.sharebuttons a {
		float: left;
		margin: 0 0 0 6em;
	}

}

/* @MEDIA Phone */
/* ============ */
@media screen and (max-width: 591px) {

	.widget.sharebuttons {
		left: 16px !important;
		margin-left:4.6em !important;
		width: Calc(100% - 32px - 4.6em);
		padding:8px 16px 8px 0;
	}

	.widget.sharebuttons.show {
		bottom:0;
	}

	.widget.sharebuttons a.whatsapp {
		display: block;
	}

	.widget.sharebuttons a.mail {
		display: none;
	}

	.widget.sharebuttons a {
		margin: 0 0 0 Calc( (100% / 4) - 4.6em);
	}
}

@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {

    .widget.sharebuttons.show {
        bottom: 6px;
    }

}



/* universal use */
/* ============= */
.widget.little_boxes {
	display:none;
	background-color:#eeeeee;
	position:relative;
	width:auto;
	overflow:hidden;
	box-shadow:none;
	font-size:1em;
}

/* app html-elements */
.region.app_html_element > .widget.little_boxes {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.insert.cinemascope .widget.little_boxes,
.insert.jumbo .widget.little_boxes {
	margin-left:16px;
	margin-right:16px;
}

.widget.little_boxes:not(.last_step):not(.no_fades)::after {
    content:"";
    position:absolute;
    height:100%;
    width:0.5em;
    background-image:url(/media/img/main/region_textures/tear_out_right.png);
    background-size:0.5em 1em;
    background-repeat:repeat-y;
    background-position:right top;
    top:0;
    right:0;
    z-index:5;
}

.widget.little_boxes:not(.first_step):not(.no_fades)::before {
    content:"";
    position:absolute;
    height:100%;
    width:0.5em;
    background-image:url(/media/img/main/region_textures/tear_out_left.png);
    background-size:0.5em 1em;
    background-repeat:repeat-y;
    background-position:left top;
    top:0;
    left:0;
    z-index:5;
}

.widget.little_boxes > .big_bar {
	white-space: nowrap;
	position:relative;
	transition:left 0.5s;
	left:0;
	font-size:0; /* we need to set this to 0  in order to make the inline-box whitespace disappear */
}

.widget.little_boxes > .fade {
    position:absolute;
    top:0;
    bottom:0;
    z-index:4;
    width:8em;
}	

.widget.little_boxes.no_fades > .fade {
    display:none !important;
}		

.widget.little_boxes > .fade.left {
    left:0;
    background: linear-gradient(to right, rgba(0,0,0,0.12) 0,rgba(0,0,0,0) 75%);
}

.widget.little_boxes > .fade.right {
    right:0;
    background: linear-gradient(to left, rgba(0,0,0,0.12) 0,rgba(0,0,0,0) 75%);
}

.widget.little_boxes > .fade .control {
    position:absolute;
    width:5em;
    height:5em;
    top:calc((100% - 5em) / 2);
    cursor:pointer;
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(1px 1px 4.5px rgba(0, 0, 0, 0.4));
	-webkit-filter: drop-shadow(1px 1px 4.5px rgba(0, 0, 0, 0.4));
}

.widget.little_boxes > .fade.left .control {
    left:10px;
    background-image: url("/media/img/main/icons/slideshow_left.png");
}

.widget.little_boxes.first_step > .fade.left {
    display:none;
}

.widget.little_boxes > .fade.right .control {
    right:10px;
    background-image: url("/media/img/main/icons/slideshow_right.png");
}

.widget.little_boxes.last_step > .fade.right {
    display:none;
}

.widget.little_boxes > .big_bar > .little_box {
	display:inline-block;
	vertical-align:top;
	white-space: normal;
	padding:16px 0 16px 16px;
	font-size:10px; /* restore font sizes */
}

.widget.little_boxes > .big_bar > .little_box > .widget {
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

.widget.little_boxes > .big_bar > .little_box > h2 {
	margin-top:10px;
	font-size:1.6em;
	line-height:1.3em;
	font-weight:bold;
}

/* teaser-stripe */
/* video-stripe */
.widget.little_boxes.teaser_stripe > .big_bar > .little_box,
.widget.little_boxes.video_stripe > .big_bar > .little_box {
	padding-top:0;
	padding-bottom:0;
}

@media screen and (max-width: 975px) {
	.widget.little_boxes.video_stripe .teaser .text {
		display:none !important;
	}
	
	.widget.little_boxes.video_stripe .teaser .imagefade::after {
		display:block;
		content:"";
		background-image:url(/media/img/main/arrows/arrow_video_play.png);
		background-size:cover;
		position:absolute;
		left: calc(50% - (7% / 2) );
		top: calc(50% - (7% / 2 * 16 / 9) );
		width: 7%;
		height:0;
		padding-bottom:7%;
		border-radius: 50%;
		box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
	}
}

@media screen and (max-width: 975px) {
	.insert.cinemascope .widget.little_boxes,
	.insert.jumbo .widget.little_boxes {
		margin-left:14px;
		margin-right:14px;
	}

    .widget.little_boxes > .big_bar > .little_box {
		padding:14px 0 14px 14px;
		font-size:9px; /* restore font sizes */
	}
	
	.widget.little_boxes:not(.first_step) > .fade .control {
        top:-100000px;
    }
    
    /* because of overriding swipe in native android app */
    /* app html-elements and app stories: always show the controls */
	.region.app_html_element > .widget.little_boxes:not(.first_step) > .fade .control,
	body.app_view .widget.little_boxes:not(.first_step) > .fade .control {
		top:calc((100% - 5em) / 2);
	}
}
	
@media screen and (max-width: 591px) {
    .insert.cinemascope .widget.little_boxes,
	.insert.jumbo .widget.little_boxes {
		margin-left:10px;
		margin-right:10px;
	}
	
    .widget.little_boxes > .fade {
        width:7em; /* restore font sizes */
	}
	
	.widget.little_boxes > .big_bar > .little_box {
		padding:10px 0 10px 10px;
		font-size:7px;
	}
}

/* front use */
/* ========= */
.region .widget.little_boxes .region {
	width:100%;
	border-right-width:0;
	background-color:transparent;
	border-color:transparent;
}
.region .widget.little_boxes .teaser.teaser_type_tagbreaker {
	background-color:transparent;
}

.region .widget.little_boxes .region.y_eighth_desktop.boundless {
    height:calc( (672px / 8) + 1px - 16px);
    border-bottom-width:1px;
}

@media screen and (max-width: 975px) {
	.region .widget.little_boxes .region.y_eighth_desktop.boundless {
		height:calc(65px - 14px + 1px);
	}
}
@media screen and (max-width: 591px) {
	.region .widget.little_boxes .region.y_eighth_desktop.boundless {
		height:calc(55px - 10px + 1px);
	}
}

/* transparent version */
/* =================== */
.widget.little_boxes.transparent {
	background-color:transparent;
}

.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent,
.region .widget.little_boxes.transparent {
	width:calc(100% + 16px);
	left:-16px;
}

.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent.no_fades,
.region .widget.little_boxes.transparent.no_fades {
	width:calc(100% + 32px);
}

.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent:not(.first_step) > .fade.left,
.region .widget.little_boxes.transparent:not(.first_step) > .fade.left {
	border-left:16px solid #ffffff;
}

.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent:not(.first_step):not(.no_fades)::before,
.region .widget.little_boxes.transparent:not(.first_step):not(.no_fades)::before {
    left:16px;
}
@media screen and (max-width: 975px) {
	.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent,
	.region .widget.little_boxes.transparent {
		width:calc(100% + 14px);
		left:-14px;
	}
	
	.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent.no_fades,
	.region .widget.little_boxes.transparent.no_fades {
		width:calc(100% + 28px);
	}
	
	.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent:not(.first_step) > .fade.left,
	.region .widget.little_boxes.transparent:not(.first_step) > .fade.left {
		border-left:14px solid #ffffff;
	}
	
	.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent:not(.first_step):not(.no_fades)::before,
	.region .widget.little_boxes.transparent:not(.first_step):not(.no_fades)::before {
	    left:14px;
	}
	
	.widget.little_boxes .teaser.teaser_type_default {
		padding-bottom:56.25%;
	}
}
@media screen and (max-width: 591px) {
	.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent,
	.region .widget.little_boxes.transparent {
		width:calc(100% + 10px);
		left:-10px;
	}
	
	.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent.no_fades,
	.region .widget.little_boxes.transparent.no_fades {
		width:calc(100% + 20px);
	}
	
	.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent:not(.first_step) > .fade.left,
	.region .widget.little_boxes.transparent:not(.first_step) > .fade.left {
		border-left:10px solid #ffffff;
	}
	
	.insert:not(.cinemascope):not(.jumbo) .widget.little_boxes.transparent:not(.first_step):not(.no_fades)::before,
	.region .widget.little_boxes.transparent:not(.first_step):not(.no_fades)::before {
	    left:10px;
	}
}
















/* polls */
/* ===== */
.widget.poll {
	min-height:20em; /* 200px / 20px */
	padding-bottom:0.1em;
	overflow:hidden;
  background: #f6f6f6;
}

.widget.poll p,
.widget.poll h3 {
	padding:0 15px 5px 15px !important;
	margin:0;
}

.widget.poll .text {
	width:100%;
	position:absolute;
	bottom:0;
	padding-bottom:10px;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.story .widget.poll .text {
	position:static;
}

.widget.poll h3 {
	font-size:1.4em; /* 14px / 10px */
	font-weight:bold;
	text-transform:uppercase;
}

.widget.poll h2 {
	font-weight:bold;
	line-height:1.3em;
}

.story .insert .widget.poll h2 {
	font-size:3em; /* 30px / 10px */
	font-size: 2.8em;
	padding: 16px 16px 8px;
	margin: 0;
}

.widget.poll p {
	font-size:1.8em !important; /* 18px / 10px */
	line-height:1.5em;
}

.widget.poll ul li {
	line-height:1.5em;
}

.widget.poll .answers form ul {
	padding: 0 16px;
}

.widget.poll .answers li:not(:last-child) {
	margin-left:1.5em; /* 27px / 18px */
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #222222;
	background: #ffffff;
	border: 1px solid #eee;
	border-radius: 2px;
	width: 100%;
	margin: 2px 0;
}

.widget.poll .answers li .answercontainer {
	line-height: 2.2857em;
	padding: 0 0.75em;
}

.widget.poll .answers li:last-child {
	text-indent:0;
	margin-left:0;
	margin-top:0.9em;
}

.widget.poll .answers li.selected {
	border-left: 2px solid #7BD400;
}

.widget.poll .answers li.selected .answercontainer {
	padding-left: calc(0.75em - 1px);
}

.widget.poll li input {
	visibility: hidden;
	display: none;
}

.widget.poll li label {
	width: 100%;
	display: inline-block;
	line-height: normal;
	padding: 5px 8px 5px 0;
}

.widget.poll li a.button {
	display:block;
}

.widget.poll li a.button:hover {
	opacity:0.9;
	background-image:none;
}

.widget.poll li a.button.active {
}

.widget.poll div.result {
	display:none;
}

.widget.poll div.result > p {
	font-weight:bold;
}

.widget.poll div.result > p .num_votes {
	text-transform:uppercase;
	font-size:0.7777em; /* 14px / 18px */
	display:block;
	margin-bottom:4px;
	display:none !important;
}

.widget.poll div.result ul {
	padding: 0 16px;
}

.widget.poll div.result li {
	clear:both;
	margin-left:1.5em; /* 27px / 18px */
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #222222;
	background: #ffffff;
	border: 1px solid #eee;
	border-radius: 2px;
	width: 100%;
	margin: 2px 0;
}

.widget.poll div.result .resultbar {
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
	overflow: hidden;
	overflow: visible;
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(244, 15, 151, 0.15);
}

.widget.poll div.result .answertext {
	display: inline-block;
	width: 80%;
	padding: 5px 8px 5px 0;
	line-height: normal;
}

.widget.poll div.result .answercontainer {
	line-height: 2.2857em;
	padding: 0 0.75em;
}

.widget.poll div.result .answervalue {
	width: 15%;
	display: none;
	text-align: right;
	font-weight:bold;
	position: absolute;
	top: calc(50% - 41px/2);
	right: 15px;
}


/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {}


/* @MEDIA Phone */
/* ============= */
@media screen and (max-width: 591px) {
	.insert .widget.poll h2 {
		font-size:2.2857em;
	}
	.widget.poll div.result .answervalue {
		top: calc(50% - 36px/2);
	}
}

/* formular */
/* ======== */
.widget.form {
	width: auto;
    position: relative;
	background-color:#eeeeee;
	padding:20px;
}
.widget.form p {
	margin-bottom:10px !important;
	font-size:1.8em !important;
	line-height:1.3em;
}

.widget.form .form_title {
	margin: 0 0 10px 0;
	color: #222222;
}

.widget.form .form_title h6 {
	font-weight:bold;
	font-size:2.6em;
	line-height:1.3em;
	margin-bottom:10px;
}

.widget.form input.not_display {
    display: none;
}

.widget.form input {
	border:none;
	width:100%;
	display:inline-block;
	vertical-align:top;
	margin:0 0 10px 0;
	font-size:1.8em;
	line-height:1.777em; /* 32px / 18px */
	height:1.777em; /* 32px / 18px */
	padding:0 2.7%;
	box-sizing:border-box;
	border-radius:0;
}

.widget.form input[type=text],
.widget.form input[type=date],
.widget.form input[type=email],
.widget.form input[type=tel] {
	-khtml-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.widget.form textarea {
	border:none;
	width:100% !important;
	display:inline-block;
	vertical-align:top;
	margin:0;
	font-size:1.8em;
	line-height:1.1em;
	height:5.5em;
	padding:10px 2.7%;
	box-sizing:border-box;
	border-radius:0;

	-khtml-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.widget.form:not(.sent) input.correct,
.widget.form:not(.sent) textarea.correct {
	border:2px solid #7bd400;
}

.widget.form:not(.sent) input.incorrect,
.widget.form:not(.sent) textarea.incorrect {
	border:2px solid #f40f97;
}

.widget.form select {
	margin:0;
	border:none;
	width:100% !important;
	font-size:1.8em;
	line-height:1.777em; /* 32px / 18px */
	height:1.777em; /* 32px / 18px */
	padding:0 2.5%;
	background-image:url(/media/img/main/icons/icon_form_select.png);
	background-size:36px 24px;
	background-repeat:no-repeat;
	background-position:right center;
	background-color:#ffffff;
	border-radius:0;
	box-sizing:border-box;

	-khtml-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.widget.form select[size="2"],
.widget.form select[size="3"],
.widget.form select[size="4"],
.widget.form select[size="5"],
.widget.form select[size="6"],
.widget.form select[size="7"],
.widget.form select[size="8"] {
	height:5.5em;
	background-image:none;
}

.widget.form select option {
	padding:0 4%;
}

.widget.form .submit.sent {
	text-align:left;
	font-weight:bold;
	font-size:2.6em;
	line-height:1.3em;
	margin-top:10px;
	color:#7bd400;
}

.widget.form input[type=submit] {
	display:inline-block;
	padding: 0em 0.75em;
	margin: 0;
	border: none;
	border-radius: 2px;
	background: #7bd400;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font-size: 1.8em;
	line-height: 2.2857em;
	transition: all 0.2s;
	text-transform: none;
	font-weight: normal;
	box-shadow: none;
	height: auto;
	width: 100%;
}

.widget.form input[type=submit]:hover {
	opacity: 0.9;
}

.widget.form.not_verified input[type=submit] {
	opacity:0.25;
	cursor:default;
}

.widget.form input[type=radio],
.widget.form input[type=checkbox] {
	width: auto;
	height: auto;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	display: inline-block;
}

.widget.form label {
	color: #666;
	display:block;
	margin: 0;
	font-size:1.6em;
	line-height:1.5em;
	position:relative;
}

.widget.form:not(.sent) label.correct:after,
.widget.form:not(.sent) label.incorrect:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:1.5em;
	height:1.5em;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
}

.widget.form:not(.sent) label.correct:after {
	background-image:url(/media/img/main/icons/icon_quiz_check_right.png);
}

.widget.form:not(.sent) label.incorrect:after {
	background-image:url(/media/img/main/icons/icon_quiz_cross_wrong.png);
}

.widget.form ul {
	font-size: 1em !important;
	margin: 0 0 20px 2%;
}

.widget.form form > ul {
	width:100% !important;
	display:inline-block;
	margin:0 0 10px 0 !important;
	vertical-align:top;
}

.widget.form ul li {
	display:inline-block;
}

.widget.form ul label {
	margin: 0 20px 5px 0;
}

.widget.form .input  {
	width:100%;
	display:inline-block;
	margin:0 0 10px 0;
}

.widget.form .input.text {
	display:none !important;
}

/* error */
.widget.form .form_error {
    display:none;
}

.widget.form .form_error.show {
	display:block;
	color:#f40f97;
}

.widget.form input.required,
.widget.form textarea.required {
	border: 2px solid #f40f97;
}

/* upload */
.widget.form .userUpload {
	margin: 0 0 10px 0;
	width:100%;
	display:inline-block;
	vertical-align:top;
}

.widget.form .userUpload .uploadButton {
	position: relative;
	font-size:1.8em;
}

.widget.form .userUpload .uploadButton input {
	position: absolute;
    top: 0;
    right: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 41px !important;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.widget.form .userUpload .uploadButton input::-webkit-file-upload-button {
    position: inherit;
    top: inherit;
}

.widget.form .userUpload .uploadButton .form_image_progress {
	font-size:1.6em; /* 16px / 10px */
	line-height:1.1em;
}

.widget.form .userUpload ul.upFiles {
	display: none !important;
	margin: 10px 0 0 0 !important;
	width:100% !important;
}

.widget.form .userUpload ul.upFiles li {
	font-size:1.6em; /* 16px / 10px */
	line-height:1.5em;
	display:block;
}

.widget.form .userUpload ul.upFiles.show {
	display: block !important;
}

.widget.form .userUpload ul li.title {
	font-weight: bold;
	display:block;
}

.widget.form .userUpload ul li .delete {
	color: #f40f97;
	cursor: pointer;
	-webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.widget.form .userUpload ul li .delete:hover {
	color: #b70b71;
}

.widget.form.sent input,
.widget.form.sent textarea,
.widget.form.sent select,
.widget.form.sent > form > ul,
.widget.form.sent .userUpload,
.widget.form.sent .input,
.widget.form.sent label {
	display:none !important;
}


/* Quiz slider */
.range-slider,
.range-slider p {
  font-size: 1.0em !important;
}

.range-slider h6 {
  font-size: 1.5em !important;
}

.range-slider .input-range {
  -webkit-appearance: none;
  width: 100% !important;
  height: 17px !important;
  outline: none !important;
  border: none !important;
  background-color: gray;
  margin-top:30px !important;
  margin-bottom:30px !important;
  font-size: inherit !important;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #00c1f6;
}

button.ia {
  font-size: inherit;
  width: 100%;
}

.range-value {
  display: inline-block  !important;
}

.widget.quiz .answer.txt .range-slider span::before {
  visibility: hidden;
}


/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {
}


/* @MEDIA Phone */
/* ============= */
@media screen and (max-width: 591px) {
	.widget.form {
		font-size:1.269em; /* 2.2857em / 1.8em */
	}
	.widget.form .userUpload .uploadButton {
		width: 100%;
	}
	.widget.form .userUpload .uploadButton input {
		height: 36px !important;
	}
}


/* user input v2 */
/* ========== */
.widget.userinput_v2 {
	background-color:#eeeeee;
	font-size:1.8em;
}

.widget.userinput_v2 h3 {
	background-color:#f40f97;
	color:#ffffff;
	padding:10px !important;
	margin-bottom:0 !important;
	font-size:1.111em !important; /* 20px / 18px */
	font-weight:bold;
}

.widget.userinput_v2 .step_1,
.widget.userinput_v2 .step_2,
.widget.userinput_v2 .confirmation {
	padding:10px;
}

.widget.userinput_v2 .confirmation,
.widget.userinput_v2 .step_2 {
	display:none;
}

.widget.userinput_v2 .info {
	display:table;
	padding: 0 0 10px 0;
	font-weight: normal;
	color: #222222;
	line-height: 1.3em;
}

.widget.userinput_v2 .info .member_icon,
.widget.userinput_v2 .info .badge {
	width:72px;
	height:72px;
	margin-right:10px;
	display:none;
	float:none;
	vertical-align:top;
}

.widget.userinput_v2 .info .text {
	display:table-cell;
	vertical-align:middle;
}

.widget.userinput_v2 .alert {
	color:#f40f97;
	display:none;
	margin-bottom:10px;
}

.widget.userinput_v2 .main textarea {
	border:0;
	width:100%;
	padding:10px 2.7%;
	margin:0;
	resize:none;
	-webkit-transition: height 0.5s ease;
	transition: height 0.5s ease;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	background-color:#ffffff;
	height:9em;
	box-sizing: border-box;
}

.widget.userinput_v2 .additional {
	position: relative;
	z-index: 2;
	margin-top: -6px;
	display:block;
}

.widget.userinput_v2 .additional .linkField {
	display: block;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	transition: height 0.5s ease;
	height:30px;
	background-color:#fff;
}

.widget.userinput_v2 .additional .linkField input[type="text"] {
	border:none;
	color: #888;
	font-style: italic;
	padding:0 2.7%;
	width:94.6%;
}


.widget.userinput_v2 .additional .inputMedia {
	position: relative;
	padding: 0.777em 0 0.4em;
	height:1.77777em; /* 32px / 18px */
}

.widget.userinput_v2 .additional .linkField input {
	width:93%;
	margin:0;
	border:none !important;
	outline:none;
}

.widget.userinput_v2 .additional .inputMedia .inputImg {
	display: inline-block;
	cursor: pointer;
	position:relative;
}

.widget.userinput_v2 .additional .inputMedia .inputImg img {
	width: 1.5555em; /* 28px / 18px */
	height: 1.2222em; /* 22px / 18px */
	margin-top:0.2222em; /* 4px / 18px */
	float:left;
}

.widget.userinput_v2 .additional .inputMedia .inputImg input {
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	cursor:pointer;
}

.widget.userinput_v2 .additional .inputMedia .inputImg:hover {
	opacity: 0.85;
}

.widget.userinput_v2 .additional .inputMedia .inputImg .hint {
	color:#f40f97;
	line-height:22px;
	margin-left:0.5em;
	float:left;
}

/* texts dependant of insert-type */
.insert.side .widget.userinput_v2 .additional .inputMedia .inputImg .hint.hide_on_tablet {
	display:none;
}
.insert.side .widget.userinput_v2 .additional .inputMedia .inputImg .hint.hide_on_desktop {
	display:block !important;
}

.widget.userinput_v2 .additional .inputMedia .button {
	position: absolute;
	right: 0;
	top: 10px;
	display:none;
	width: auto;
}

.widget.userinput_v2 .additional .inputMedia .button.busy,
.widget.userinput_v2 .additional .inputMedia .button.busy:hover {
	opacity:0.2;
	background: #999999;
}

.widget.userinput_v2 .context {
	font-size:0.77777em; /* 14px / 18px */
	margin-top:4px;
}

.widget.userinput_v2 .context ul {
	font-size:1em; /* 18px / 18px */
}

.widget.userinput_v2 .context ul li {
	display:inline-block;
	margin-right:10px;
}

.widget.userinput_v2 .context ul li:after {
	content: ",";
}

.widget.userinput_v2 .context ul li:last-child:after {
	content: none;
}

.widget.userinput_v2 .context .progress_icon {
	height:1.5em;
	vertical-align:-0.4em;
}

.widget.userinput_v2 .step_2 p {
	margin-bottom:10px;
	font-size:1em !important;
}

.widget.userinput_v2 .step_2 p input[type=text] {
	font-size: 1em; /* 18px / 18px */
	line-height: 1.777em;
	height:1.777em;
	margin: 0 0 10px 0;
	padding:0 2.7%;
	width:94.6% !important;
	border:none;
}

.widget.userinput_v2 .step_2 p label {
	margin-left:10px;
}

.widget.userinput_v2 .step_2 .bottom {
	text-align:right;
}

.widget.userinput_v2 .confirmation {
	min-height:80px;
}

.widget.userinput_v2 .confirmation .toon {
	margin:0 2.5%;
	width:20%;
	float:left;
	max-height:80px;
}

.widget.userinput_v2 .confirmation p {
	display:inline-block !important;
	width:75% !important;
	font-size:1em !important;
}




/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {

}





/* @MEDIA Phone */
/* ============= */
@media screen and (max-width: 591px) {
	.widget.userinput_v2 {
		font-size:2.2857em;
	}

	.widget.userinput_v2 .info .member_icon,
	.widget.userinput_v2 .info .badge {
		width:48px;
		height:48px;
		margin-right:10px;
	}
}

/* app ad box at the top of mobile-page */
/* ==================================== */

/* version for ratings */
/* =================== */
.widget.app_ad_ratings {
	position:relative;
}

.region .widget.app_ad_ratings {
	box-shadow:none;
}

.widget.app_ad_ratings .widget.note_on_a_card {
	border-bottom:0;
	height:17em;
}

.widget.app_ad_ratings .widget.note_on_a_card .table {
	padding:0;
}

.widget.app_ad_ratings .widget.note_on_a_card .content {
	border-top:7px solid #f40f97;
	font-size:1.6em;
	color:#222222;
	position:relative;
}

.widget.app_ad_ratings .widget.note_on_a_card .content .logo {
	float:left;
	font-weight:bold;
	font-size:0.846em; /* 11px / 13px */
	line-height:1em;
	margin-right:8px;
	margin-bottom:1em;
	text-align:center;
}

.widget.app_ad_ratings .widget.note_on_a_card .content .logo img {
	height:4em;
	width:4em;
	border-radius:10%;
}

.widget.app_ad_ratings .widget.note_on_a_card .content .star {
	width:0.9em;
	margin-right:0.1em;
	vertical-align:middle;
}

.widget.app_ad_ratings .widget.note_on_a_card .content .star.disabled {
	opacity:0.5;
}

.widget.app_ad_ratings .widget.note_on_a_card .content .name {
	font-size:0.846em; /* 11px / 13px */
	color:#888888;
	margin-left:0.25em;
}

.widget.app_ad_ratings .widget.note_on_a_card .content .call {
	line-height:0;
}

.widget.app_ad_ratings .widget.note_on_a_card .content .call img {
	height:2.5em;
	margin-top:8px;
	border-radius:2px;
}

.widget.app_ad_ratings .widget.note_on_a_card .content .call img.android {
	margin-right:4px;
}

@media screen and (max-width: 591px) {
	.widget.app_ad_ratings .widget.note_on_a_card .content {
		border-top-width:5px;
	}
}

/* simple colour version */
/* ===================== */
.widget.app_ad_colour .widget.note_on_a_card {
	height:12em;	
}

.widget.app_ad_colour .widget.note_on_a_card .table {
	padding:0;
}

.widget.app_ad_colour .widget.note_on_a_card .content {
	background-color:#f40f97;
	text-align:center;
}

.widget.app_ad_colour .rotation {
	transform:rotate(-5.5deg);
	margin-top:-1em;
	margin-left:-23%;
}

.widget.app_ad_colour .rotation img {
	height:2.4em;
}

.widget.app_ad_colour .widget.note_on_a_card .content .call {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	line-height:0;
	text-align:right;
}

.widget.app_ad_colour .widget.note_on_a_card .content .call img:not(.logo) {
	height:2em;
}

.widget.app_ad_colour .widget.note_on_a_card .content .call img.logo {
	background-color:#111111;
	height:1.2em;
	padding:0.45em 0.4em 0.35em 0.4em;
}


@media screen and (max-width: 591px) {
	.widget.app_ad_colour .widget.note_on_a_card {
		height:17em;	
	}
	
	.widget.app_ad_colour .rotation {
		margin-top:-1.5em;
		margin-left:0;
	}
}



/* native advertising */
/* ================== */
.widget.native_advertising {
	padding: 10px 0;
	text-align: center;
	background-color:#ffffff;
	color:#999999;
	-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.2);
	width:50%;
	margin-left:25%;
}

.widget.native_advertising p {
	font-size:1.4em !important; /* 14px / 10px */
	padding:0 0.857em !important; /* 12px / 14px */	
}

.widget.native_advertising img {
	max-width:150px;
	width:calc(100% - 20px);
}

.insert.nospacing .widget.native_advertising {
	margin-bottom:3em;
}

/* native advertising notice */
/* ========================= */
.widget.native_advertising_notice .text {
	padding:10px;
	line-height: 1.3em;
	font-weight: bold;
	background-color:#00c1f6;
	color:#ffffff;
}

.widget.native_advertising_notice a {
	color:#ffffff;
}





/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {
	.widget.native_advertising {
		width:75%;
		margin-left:12.5%;
	}
}


/* @MEDIA Phone */
/* ============= */
@media screen and (max-width: 591px) {
	.widget.native_advertising {
		width:50%;
		margin-left:25%;
	}
}

/* WIDGET: Html | iFrame | Datawrapper | Infogram */

/* html */
/* ==== */
.widget.html {
	height: 0;
	padding-bottom:100%;
}

.widget.html iframe {
	position: absolute;
	height: 100%;
	width: 100%;
}

/* iframe */
/* ====== */
.widget.iframe {
	height: 0;
	padding-bottom:56.25%; /* 100% / 16 * 9 */
}

.widget.iframe iframe {
	position: absolute !important;
	height: 100% !important;
	width: 100% !important;
}

/* datawrapper */
/* =========== */

/* infogram */
/* ======== */
/* !!! infogram doesn't scale well when forced into a specific height !!! */
/* therefore infograme has an automatic height */
.widget.infogram iframe {
	width: 100% !important;
}


/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {}


/* @MEDIA Phone */
/* ============= */
@media screen and (max-width: 591px) {}

/* WIDGET: Googlemaps | Mapbox | Map */

/* googlemaps / mapbox / map-geo-admin / carto-db */
/* ============================================== */
.widget.googlemaps,
.widget.mapbox,
.widget.map-geo-admin,
.widget.carto-db {
	height: 0;
	padding-bottom:80%;
}

.insert.cinemascope .widget.googlemaps,
.insert.full .widget.googlemaps,
.insert.jumbo .widget.googlemaps,

.insert.cinemascope .widget.mapbox,
.insert.full .widget.mapbox,
.insert.jumbo .widget.mapbox,

.insert.cinemascope .widget.map-geo-admin,
.insert.full .widget.map-geo-admin,
.insert.jumbo .widget.map-geo-admin,

.insert.cinemascope .widget.carto-db,
.insert.full .widget.carto-db,
.insert.jumbo .widget.carto-db {
	padding-bottom:50%;
}

.insert.side .widget.googlemaps,
.insert.side .widget.mapbox,
.insert.side .widget.map-geo-admin,
.insert.side .widget.carto-db {
	padding-bottom:120%;
}

.widget.googlemaps iframe,
.widget.mapbox iframe,
.widget.map-geo-admin iframe,
.widget.carto-db iframe {
	position: absolute;
	height: 100%;
	width: 100%;
}

/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {}


/* @MEDIA Phone */
/* ============== */
@media screen and (max-width: 591px) {
	
	/* maps */
	/* ==== */
	.widget.googlemaps,
	.widget.mapbox,
	.widget.map-geo-admin,
	.widget.carto-db {
		padding-bottom:100% !important;
	}
	
}

















/* charts */
/* ====== */
.widget.charts {
	background-color:#ffffff;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
	line-height:1.3em;
	overflow:hidden;
	text-rendering: geometricPrecision;
}

.widget.charts h4 {
	font-size: 2em !important; /* 20px / 10px */
    font-weight: bold;
    line-height: 1.3em;
    margin: 0 !important;
    padding: 5px 10px !important;
    border-bottom:1px solid #dddddd;
}

.widget.charts .entry {
	padding:5px 10px 10px 10px;
	border-bottom:1px solid #dddddd;
	position:relative;
}

.widget.charts .entry:last-child {
	border-bottom:none;
}

.widget.charts .entry h5,
.widget.charts .entry h6 {
	font-size: 1.6em; /* 16px / 10px */
    font-weight: bold;
    line-height:1.5em;
    margin-bottom:-5px;
}

.widget.charts .entry h6 {
	font-size: 1.4em; /* 14px / 10px */
}

.widget.charts .entry h5.floating,
.widget.charts .entry h6.floating {
	position:absolute;
	top:6px;
}

.widget.charts .entry .label {
	font-size:1.4em; /* 14px / 10px */
	margin-top:0.4em;
}

.widget.charts .entry .label.floating {
	position:absolute;
	top:6px;
	right:10px;
	margin-top:0;
	line-height:1.714em;
}

.widget.charts .entry .note {
	margin-top:0.4em;
	font-size:1.4em; /* 14px / 10px */
	line-height:1.3em;
	color:#999999;
	font-style:italic;
}

.widget.charts .entry .note.highlight {
	text-transform:uppercase;
	color:#ff9500;
}

.widget.charts .entry .note.highlight::before {
	content:'';
	display:inline-block;
	background-image:url(/media/img/main/icons/icon_fav_highlight.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left top;
	height:1em;
	width:1em;
	margin-right:0.2em;
	vertical-align:top;
}

/* popular vote map */
.widget.charts .entry.heatmap_ch svg {
	width:100%;
	margin-top:-2%;
	margin-bottom:calc(-2% - 5px);
}

/* only one map visible ins single-cluster */
.cluster.mask_1_1 .widget.little_boxes.first_step.no_fades .widget.charts .entry.heatmap_ch svg {
	width:50%;
	margin-left:25%;
}

/* app html-elements */
@media screen and (max-width: 975px) {
	.region.app_html_element > .widget.little_boxes.first_step.no_fades .widget.charts .entry.heatmap_ch svg {
		width:50%;
		margin-left:25%;
	}
}

@media screen and (max-width: 591px) {
	.region.app_html_element > .widget.little_boxes.first_step.no_fades .widget.charts .entry.heatmap_ch svg {
		width:100%;
		margin-left:0;
	}
}

/* corner label */
.widget.charts .entry .corner_label {
	position:absolute;
	left:10px;
	top:5px;
	font-size:1.2em !important;
	line-height:1.3em;
}

.widget.charts .entry .corner_label li.title {
	text-transform:uppercase;
	font-weight:bold;
}

.widget.charts .entry .corner_label li .tab {
	display:inline-block;
	width:3.5em;
}

/* horizontal bar */
.widget.charts .entry .horizontal_bar {
	width:100%;
	margin-top:1.142em;
	margin-bottom:0.3em;
}

.widget.charts .entry .horizontal_bar .segment {
	font-size:1.4em; /* 14px / 10px */
	border-top: 4px solid transparent;
	color:#999999;
	box-sizing:border-box;
	position:relative;
}

.widget.charts .entry .horizontal_bar.temporary .segment {
	border-style:double;
}

/* stacked horizontal bar */
.widget.charts .entry .horizontal_bar.stacked {
	height:calc(2em + 4px); /* ( 20px / 10px ) + 4px */
	overflow:hidden;
}

/* unstacked horizontal bar */
.widget.charts .entry .horizontal_bar:not(.stacked) .segment::before {
	content:"";
	display:block;
	position:absolute;
	height:12px;
	margin-top:-8px;
	border-left-width:1px;
	border-left-style:solid;
}

.widget.charts .entry .horizontal_bar:not(.stacked) .segment::after {
	content:"";
	display:block;
	position:absolute;
	right:-2px;
	height:0;
	width:0;
	margin-top:-4px;
	border-width:2px;
	border-style:solid;
	border-right-color:#ffffff;
	border-top-color:#ffffff;
	border-bottom-color:#ffffff;
}

.widget.charts .entry .horizontal_bar.stacked .segment {
	height:1em;
	border-right:1px solid transparent;
	text-align:center;
	float:left;
	padding-top:4px;
}

.widget.charts .entry .horizontal_bar.stacked .segment:first-child {
	border-left:1px solid transparent;
}

/* compact mode */
.widget.charts.compact .entry .horizontal_bar {
	margin-top:0;
}

.widget.charts.compact .entry .horizontal_bar:first-child {
	margin-top:8px;
}

.insert .widget.charts .more_on_mobile  {
	position: absolute;
	bottom: 0;
	background: #ccc;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 75%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,0.9)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 75%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 75%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 75%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 );
	padding-top:40px;
}

/* threshold */
.widget.charts .threshold {
	position:absolute;
	top:0;
	left:50%;
	height:100%;
	border-left:1px dashed #999999;
	padding-top: 0.4em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #999999;
	font-style: italic;
	margin-left: -5px;
}

/* temporary fix for charts embedded as html-elements (because it's not possible to add overflow_visible selectively to the parent insert) */
/*.story > .insert > .widget.charts {
    margin: 16px;
    width: calc(100% - 32px);
}*/

/* tablet */
@media screen and (max-width: 800px) {
	/* temporary fix for charts embedded as html-elements (because it's not possible to add overflow_visible selectively to the parent insert) */
	/*.story > .insert > .widget.charts {
	    margin: 14px;
	    width: calc(100% - 28px);
	}*/
}

/* mobile */
@media screen and (max-width: 591px) {
	/* temporary fix for charts embedded as html-elements (because it's not possible to add overflow_visible selectively to the parent insert) */
	/*.story > .insert > .widget.charts {
	    margin: 10px;
	    width: calc(100% - 20px);
	}*/

	/* popular vote map */
	.widget.charts .entry.heatmap_ch svg {
		width:100% !important;
		margin-left:0 !important;
	}
}

.heatmap_ch .transformed {
	transform: scale(1, 0.866);
}

.heatmap_ch .outline {
	stroke: #cccccc;
	stroke-width: 1px;
}

/* chrome and safari dismiss all styles to .outline if there's a filter applied, that's why we hack it in for ff only */
/* check back for future implementation of filters by chrome and safari */
@-moz-document url-prefix() {
    .heatmap_ch .outline {
		filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
	}
}

.heatmap_ch .base_color_1 { fill: #ffffff; }
.heatmap_ch .base_color_2 { fill: #f3f3f3; }
.heatmap_ch .base_color_3 { fill: #e8e8e8; }

.heatmap_ch .yes_50 { fill: #def3c2;}
.heatmap_ch .yes_55 { fill: #c4eb8d; }
.heatmap_ch .yes_60 { fill: #aae35b; }
.heatmap_ch .yes_65 { fill: #92dc2c; }
.heatmap_ch .yes_70,
.heatmap_ch .yes_75,
.heatmap_ch .yes_80,
.heatmap_ch .yes_85,
.heatmap_ch .yes_90,
.heatmap_ch .yes_95,
.heatmap_ch .yes_100 { fill: #7bd400; }

.heatmap_ch .no_50 { fill: #ffccec; }
.heatmap_ch .no_55 { fill: #ff99d8; }
.heatmap_ch .no_60 { fill: #fd65c3; }
.heatmap_ch .no_65 { fill: #fa32ad; }
.heatmap_ch .no_70,
.heatmap_ch .no_75,
.heatmap_ch .no_80,
.heatmap_ch .no_85,
.heatmap_ch .no_90,
.heatmap_ch .no_95,
.heatmap_ch .no_100 { fill: #fb0099; }

.heatmap_ch .heat_0 { fill: #ffffff; }
.heatmap_ch .heat_10 { fill: #e6f8ff; }
.heatmap_ch .heat_20 { fill: #caeffd; }
.heatmap_ch .heat_30 { fill: #afe5fa; }
.heatmap_ch .heat_40 { fill: #96defa; }
.heatmap_ch .heat_50 { fill: #7cd5f8; }
.heatmap_ch .heat_60 { fill: #60cdf8; }
.heatmap_ch .heat_70 { fill: #45c5f8; }
.heatmap_ch .heat_80 { fill: #2abbf5; }
.heatmap_ch .heat_90,
.heatmap_ch .heat_100 { fill: #0fb4f4; }

.heatmap_ch svg .name {
	fill:#222222;
	font-size: 3.5px;
	font-family: 'Open Sans', Arial, Helvetica;
	font-weight:bold;
	text-anchor:middle;
	transform:translate(0, 0.35em);
}

/* pagination */
/* ========== */

.pagination-seo-text {
    display: block;
    text-align: center;
    color: #999999;
    font-size: 14px;
    line-height: 24.8833px;
    padding-bottom: 16px;
    background-color: white;
}

/* desktop */
/* ======= */
@media screen and (min-width: 976px) {
	.widget.pagination {
		box-shadow:none;
	}

	.widget.pagination ul {
		width:100%;
		font-size:inherit;
		font-size:1.4em;
		line-height:1.77777em;
		height:1.77777em;
		padding-top:2.142em;
		padding-bottom:calc(2.142em - 16px);
		text-align:center;
	}

	.widget.pagination li {
		display:inline-block;
		text-align:center;
		vertical-align:baseline;
		color:#999999;
	}

	.widget.pagination li a,
	.widget.pagination li span {
		display:block;
		color:#999999;
		padding:0 0.56em;
	}

	.widget.pagination li:first-child a {
		padding-left:0;
	}

	.widget.pagination li:last-child a {
		padding-right:0;
	}

	.widget.pagination li a:hover {
		color:#222222;
	}

	.widget.pagination li.current a {
		color:#222222;
		font-weight:bold;
		font-size:1.2857em; /* 18px / 14px */
	}

	.widget.pagination li.prev a,
	.widget.pagination li.next a {
		height:1em;
		width:0.5em;
		background-size:contain;
		background-repeat:no-repeat;
		filter:brightness(0.2);
	}

	.widget.pagination li.prev a {
		background-image:url(/media/img/main/icons/slider-left.png);
		background-position:left center;
	}

	.widget.pagination li.next a {
		background-image:url(/media/img/main/icons/slider-right.png);
		background-position:right center;
	}

	.widget.pagination li.prev a span.text,
	.widget.pagination li.next a span.text {
		display:none;
	}
}

/* mobile and tablet */
/* ================= */
@media screen and (max-width: 975px) {
	.widget.pagination {
		font-size:1.8em;
		line-height:2.8125em;
	}

    .widget.pagination li.current a {
        font-weight: bold;
    }

    .widget.pagination li:not(.prev):not(.neighbour):not(.current):not(.next),
    .widget.pagination li.prev a span.text,
    .widget.pagination li.next a span.text {
        display:none;
    }

	.widget.pagination ul {
		text-align:center;
	}

	.widget.pagination li {
		display:inline-block;
		width:calc(100% / 8);
	}

	.widget.pagination li a {
		display:inline-block;
		color:#222222;
		width:100%;
		height:100%;
		vertical-align:middle;
	}

	.widget.pagination li.prev a,
	.widget.pagination li.next a {
		height:2.8125em;
		background-size:auto 0.75em;
		background-repeat:no-repeat;
		background-position:center center;
		filter:brightness(0.2);
	}

	.widget.pagination li.prev a {
		background-image:url(/media/img/main/icons/slider-left.png);
	}

	.widget.pagination li.next a {
		background-image:url(/media/img/main/icons/slider-right.png);
	}

}

/* mobile */
/* ====== */
@media screen and (max-width: 591px) {
	.widget.pagination {
		font-size:2.2857em; /* 16px / 7px */
		line-height:2.8125em /* 45px / 16px */
	}
}












/* Eventbox */
/* ======== */
.widget.eventbox {
	height:auto;
	box-shadow:none;
}

.widget.eventbox .event_header {
	height:6em; /* 60px / 10px */
	text-align: center;
}

.widget.eventbox .event_header img {
	max-height:calc(100% - 12px);
}

.widget.eventbox .event_content {
	width:calc(100% - 32px);
	padding:8px;
	border:8px solid transparent;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

.widget.eventbox .event_content .slot  {
	margin:0 0 10px 0 ;
	min-height: 65px;
}

.widget.eventbox .event_content .slot .date {
	font-size: 1.6em;
}

.widget.eventbox .event_content .slot .game {
	position: relative;
	margin: 5px 0 0 0;
	padding: 0;
	border-top: 1px solid #dddddd;
}

.widget.eventbox .event_content .slot .game .team1 {
	position: absolute;
	top: 10px;
	left: 0;
}

.widget.eventbox .event_content .slot .game .team2 {
	position: absolute;
	top: 10px;
	right: 0;
}

.widget.eventbox .event_content .slot .game .team1 .name,
.widget.eventbox .event_content .slot .game .team2 .name {
	font-size: 3em;
	line-height: 1.8em;
    color: #222;
	margin: 0 10px;
	display: inline-block;
	vertical-align: text-bottom;
}

.widget.eventbox .event_content .slot .game .team1 .pic,
.widget.eventbox .event_content .slot .game .team2 .pic {
   	display: inline-block;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    height: 5em;
    width: 5em;
    box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

.widget.eventbox .event_content .slot .game.link .team1 .name,
.widget.eventbox .event_content .slot .game.link .team2 .name {
    color: #00c1f6;
}

.widget.eventbox .event_content .slot .game .data {
	margin: 10px auto 0 auto;
	width: 60%;
	text-align: center;
}

.widget.eventbox .event_content .slot .game .data .running {
	font-size:1.8em;
	background-color: #00c1f6;
	border-radius: 50%;
	height: 0.5em;
	left: 50%;
	margin-left: -0.25em;
	opacity: 1;
	position: absolute;
	top: 0.45em;
	width: 0.5em;

	-webkit-animation-name: running_flash;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;

    animation-name: running_flash;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.widget.eventbox .event_content .slot .game .data .score {
	font-size: 4em; /* 40px / 10px */
	line-height: 1.35em; /* 54px / 40px */
	font-weight: bold;
}

.widget.eventbox .event_content .slot .game .data .score span {
	margin-left:0.25em;
	font-size: 0.5em;
	line-height:0;
}

.widget.eventbox .event_content .slot .game .data .link_button {
	font-size: 2em;
	padding: 5px;
	margin: 0 auto 5px auto;
	width: 180px;
	background: #00c1f6;
	border-radius: 2px;
	color: #fff;
}

.widget.eventbox .event_content .slot .game .data .link_button.over {
	background: #00c1f6;
    display: none;
}

.widget.eventbox .event_content .slot .game .data .time {
	font-size: 2em; /* 20px / 10px */
	line-height:2.7em; /* 54px / 20px */
	color: #444;
}

.widget.eventbox .event_content .slot .game .data .venue {
	font-size: 1.6em;
	color: #444;
}

.widget.eventbox .event_content .slot .game .ticker_link {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.widget.eventbox .event_content .further_link {
	display: block;
	margin: 12px  0 0 0;
	padding: 12px 0 0 0;
	font-size: 1.6em;
	text-align: right;
	border-top: 1px solid #dddddd;
}

/*Eventcolors*/
.widget.eventbox.em2016 .event_content, .widget.eventbox.wm2018 .event_content {
	border-color: #7bd400;
}


/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {

	/* Eventbox */
	/* ======== */
	.widget.eventbox .event_content {
		width:calc(100% - 28px);
		padding:7px;
		border:7px solid transparent;
	}

	.widget.eventbox .event_content .slot .game .data {
		width: 80%;
	}

	.widget.eventbox .event_content .further_link {
	    font-size: 2em;
	    text-align: center;
	}

}


/* @MEDIA Phone */
/* ============= */
@media screen and (max-width: 591px) {

	/* Eventbox */
	/* ======== */
	.widget.eventbox .event_header img {
		max-height:calc(100% - 8px);
	}

	.widget.eventbox .event_content {
		width:calc(100% - 20px);
		padding:5px;
		border-width:5px;
	}

	.widget.eventbox .event_content .further_link {
		margin: 8px 0 0 0;
		padding: 8px 0 0 0;
		font-size: 2.2em;
	}
}

.widget.chachachat {
	filter: drop-shadow(1px 1px 4.5px rgba(0,0,0,0.2));
	-webkit-filter: drop-shadow(1px 1px 4.5px rgba(0,0,0,0.2));
	padding:16px;
	border-radius:1em;
	width:calc(100% - (16px * 4));
}

.widget.chachachat.left {
	margin-left:32px;
}

.widget.chachachat > p.name {
	opacity:0.75;
	font-weight:bold;
	font-size:1.4em !important;
	line-height:1em;
	margin:0;
}

.widget.chachachat > p.time {
	opacity:0.75;
	text-align:right;
	font-size:1.4em !important;
	line-height:1em;
	margin:0;
}

.widget.chachachat > .arrow {
	content:"";
	display:block;
	width:0;
	height:0;
	border-width:1em;
	border-style:solid;
	top:2em;
	position:absolute;
	border-top-color:transparent !important;
	border-bottom-color:transparent !important;
}

.widget.chachachat:not(.left) > .arrow {
	border-right-color:transparent !important;
	left:100%;
}

.widget.chachachat.left > .arrow {
	border-left-color:transparent !important;
	right:100%;
}

.insert.color_combo_99 > .widget.chachachat a {
	text-decoration: underline;
}

.insert.color_combo_72 > .widget.chachachat a,
.insert.color_combo_73 > .widget.chachachat a {
  color: white;
	text-decoration: underline;
}

/* shortmessages */
/* ============= */
.story.tagclass_shortmessage .widget.tags {
	display:none;
}

/* paid_content */
/* ============ */
.story.tagclass_paid_content > h3.uppertitle {
	color:#ffffff;
	background-color:#00c1f6;
	padding:0 0.5em;
	display:inline-block;
	width:auto;
	margin-right:20%;
	line-height:1.5em;
	margin-bottom:0;
}

.story.tagclass_paid_content > h2.maintitle,
.story.tagclass_paid_content .widget.quote h6 {
	color:#00c1f6;
}

.story.tagclass_paid_content .widget.infobox h4 {
	background-color:#b3b7bb !important;
}

.story.tagclass_paid_content h4.kongtitle.numbered::before {
	background-color: #b3b7bb !important;
}

.story.tagclass_sales .widget.tags,
.story.tagclass_sales .widget.talkback,
.story.tagclass_sales .widget.story_fake,
.story.tagclass_sales .insert.statlas_error {
	display:none !important;
}

/* native */
/* ====== */
@media screen and (min-width: 976px) {
	.insert .fixed_in_natives {
		position:fixed;
		right:-1000px;
		bottom:-1000px;
		z-index:2;
	}
	
	.insert .widget.native_advertising.fixed_in_natives {
		position:fixed;
		bottom:16px;
		right:16px;
		width:calc(1026px * 0.85 * 0.37 * 0.5);
		margin-bottom:0;
	}
}


/* tablet */
@media screen and (max-width: 975px) {
}



/* mobile */
@media screen and (max-width: 591px) {
	
	/* paid_content */
	/* ============ */
	.story.tagclass_paid_content > h3.uppertitle {
		display:inline-block !important;
		width:auto !important;
	}
	
}








/* logo */
/* ==== */
.logoblock {
	position:fixed;
	top:0;
	left:0;
	z-index: 30;
	width:100%;
	height:5.9em;
	overflow:hidden;
	background:linear-gradient(to bottom, rgba(11,11,11,1) 0%,rgba(43,43,43,1) 100%);
	-webkit-box-shadow: 0 2px 4.5px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 4.5px 0 rgba(0, 0, 0, 0.4);
}

/* hide on desktop */
@media screen and (min-width: 976px) {
	.logoblock {
		display:none !important;
	}
}

.logoblock .logo {
	padding:1.2em 12px; /* 12px / 10px */
	height:3.5em; /* 35px / 10px */
	width:auto;
	white-space:nowrap;
}

.logoblock .logo > a {
	position:relative;
	z-index:1;
}

.logoblock .logo > a img {
	width:auto;
	height:3.8em;
}

.logoblock a.backbutton {
	display:none;
}

.logoblock a.backbutton {
	display:block;
	font-size:2.2em;
	text-decoration:none;
	position:absolute;
	top:0.9em;
	left:0.9em;
	color:#ffffff;
	background-image:url(/media/img/main/icons/slideshow_left.png);
	background-size:auto 1.5em;
	background-repeat:no-repeat;
	background-position:-0.4em center;
	padding-left:1em;
	opacity:0.6;
}

.logoblock a.backbutton:hover {
	opacity:1;
}

/* mininavi */
/* ======== */
.logoblock .logo ul.mininavi {
	display:inline-block;
	height:2em;
	padding-top:2.3em;
	vertical-align:top;
	cursor:default;
	position:absolute;
	top:0;
	width:100%;
	text-align:center;
	left:0;
}

.logoblock .logo ul.mininavi li {
	display:inline-block;
	font-size:1.4em;
	margin-right:0.5em;
}

.logoblock .logo ul.mininavi li:last-child {
	margin-right:0;
}

.logoblock .logo ul.mininavi li a:not('.text-pink') {
	color:#999999;
}

.logoblock .logo ul.mininavi li.active a:not('.text-pink'),
.logoblock .logo ul.mininavi li a:hover:not('.text-pink') {
	color:#ffffff;
}

.logoblock ul.mininavi li.current a {
	color:#ffffff;
}

.logoblock ul.mininavi li.current a::before {
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	margin-right:0.7em;
	vertical-align:middle;
	background-image:url(/media/img/main/icons/icon_breadcrumb.png);
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.logoblock ul.mininavi li.weathersummary > a {
	position: absolute;
	top: 0;
	left: 12.25em;
	font-weight: bold;
	display: block;
	padding: .5em 1.5em .5em 0;
	height: 3em;
	width: auto;
	white-space: nowrap;
}
.logoblock ul.mininavi li.weathersummary > a > span {
	color: #ffff;
	line-height: 3em;
	display: inline-block;
	vertical-align: text-bottom;
	padding-left: .5em;
}
.logoblock ul.mininavi li.weathersummary > a > img {
	height: 100%;
    width: auto;
}

@media screen and (max-width: 1330px) {
	.logoblock ul.mininavi li.current {
		display:none !important;
	}
}

/* current tag */
/* =========== */
.currentblock {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	height:0;
	line-height:5.9em;
	z-index: 30;
	text-align:center;
}

.currentblock  h1 {
	display:inline;
}

.currentblock a {
	font-size:1.8em; /* 18px / 10px */
	color:#7bd400;
	display:inline-block;
}

/* desktopnavi */
/* =========== */
.desktopnavi {
	color:#ffffff;
	display:block;
	background-color:#222222;
	position:fixed;
	z-index: 30; /* same as logoblock */
	top:0;
	left:0;
	width:100%;
	height:8.7em; /* 87px / 10px */
	background:linear-gradient(to bottom, rgba(11,11,11,1) 0%,rgba(43,43,43,1) 100%);
	transition:top 0.2s ease;
}

.desktopnavi > .upper {
	height:4.9em;
	border-bottom:1px solid #363636;
}

.desktopnavi > .lower {
	height:3.7em;
}

/* provide space for side_ad       */
/* =============================== */
@media screen and (min-width: 1331px) {
    .desktopnavi > .upper,
    .desktopnavi > .lower {
        padding-right:300px;
    }
}

.desktopnavi > .upper > .content,
.desktopnavi > .lower > .content {
	width:994px;
	position:relative;
	margin:0 auto;
	padding:0 16px;
}

.desktopnavi > .upper > .content > a.logo {
	display:block;
	position:absolute;
	top:calc( (4.9em - 2.9em) / 2);
	left:16px;
	width:11em;
	height:2.9em;
	background-image:url(/media/img/main/logos/logo_watson.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

.desktopnavi > .upper > .content > a.burger {
	display:block;
	position:absolute;
	top:calc( (4.9em - (0.9 * 2em ) ) / 2);
	right:16px;
	width:calc(0.9 * 3.5em); /* 0.9 * 35px / 10px */
	height:calc(0.9 * 2em); /* 0.9 * 20px / 10px */
	background-image:url(/media/img/main/icons/icon_navi.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.desktopnavi > .upper > .content > .weathersummary > a {
	display: block;
	position: absolute;
	top: calc( (4.9em - 2.9em) / 2);
	left: 14em;
	height: 2.9em;
	color: #ffffff;
	font-weight: bold;
}
.desktopnavi > .upper > .content > .weathersummary > a > img {
	height: 100%;
    width: auto;
}
.desktopnavi > .upper > .content > .weathersummary > a > span {
	color: #ffff;
	line-height: 3em;
	display: inline-block;
	vertical-align: text-bottom;
	padding-left: .5em;
}

.desktopnavi > .upper > .content  > form.search {
	display:none !important; /* hidden while not ready for release */
	position:absolute;
	right:16px;
	top:13px;
}

.desktopnavi > .upper > .content  > form.search > input.field {
	padding:0;
	padding-left:8px;
	padding-right:calc(24px + 8px);
	width:calc(200px - 24px - 8px - 8px );
	height:24px;
	background-color:#404040;
	color:#ffffff;
	border:none;
	border-radius:2px;
	margin:0;
	font-size:14px;
	line-height:24px;
}

.desktopnavi > .upper > .content  > form.search > a.button {
	display:block;
	width:24px;
	height:24px;
	background-color:#666666;
	overflow:hidden;
	color:transparent;
	position:absolute;
	top:0;
	right:0;
	padding:0;
	margin:0;
	background-image:url(/media/img/main/icons/icon_suche.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

.desktopnavi > .upper > .content  > form.search > a.button:hover {
	background-color:#999999;
}

/* navi */
/* ==== */
.naviblock {
	position:fixed;
	top:0;
	right:0;
	width:0;
	height:0;
	z-index: 40;
}

#breaking-banner-news {
    position: fixed;
    top: 5.4rem;
    z-index: 30;
}

/* :not(.expanded) only necessary while desktopnavi still needs the side navi */
@media screen and (min-width: 976px) {
	.naviblock .navilink:not(.expanded) {
		visibility:hidden;
	}

	/* whole block only necessary while desktopnavi still needs the side navi */
	.naviblock .navilink {
		padding:1em 1em 1em 0 !important;
		background-color:transparent !important;
	}

	/* whole block only necessary while desktopnavi still needs the side navi */
	.naviblock .navilink img {
		height:0 !important;
		width:2.5em !important;
		padding-bottom:2.5em !important;
		background-image:url(/media/img/main/icons/icon_quiz_cross_white.png) !important;
		background-repeat:no-repeat !important;
		background-size:115% 115% !important;
		background-position:center center !important;
	}
}

.naviblock .navilink {
	position:absolute;
	top:0;
	right:0;
	display:block;
	padding:1.5em 1.5em 1.5em 0; /* 15px / 10px */
	background:#111111;
}

.naviblock .navilink:not(.expanded) {
	background: -moz-linear-gradient(27deg, rgba(17,17,17,0) 55%, rgba(17,17,17,1) 81%);
	background: -webkit-linear-gradient(27deg, rgba(17,17,17,0) 55%,rgba(17,17,17,1) 81%);
	background: linear-gradient(27deg, rgba(17,17,17,0) 55%,rgba(17,17,17,1) 81%);
	padding-left: 1rem;
}

.naviblock .navilink img {
	height:2.2em; /* 22px / 10px */
	margin:0.3em; /* 3px / 10px */
    width: auto;
}

.naviblock .expandable {
	background-color:#111111;
	position:fixed;
	right:-50em;
	top:0;
	width:50em; /* 500px / 10px */
	height:100%;
	overflow:auto;
	-webkit-transition:right 0.5s;
	-moz-transition:right 0.5s;
	transition:right 0.5s;
}

.naviblock .expandable.expanded {
	right:0;
}

.naviblock .segment {
	padding: 0 6em 5em 6em; /* 60px / 10px */
	width: auto;
	clear:both;
}

.naviblock .segment .note {
	color:#888888;
	font-size:1.4em; /* 14px / 10px */
	line-height:1.77777em; /* 32px / 18px */
}


/* tagcloud */
/* ======== */
/* alternative links */
/* ================= */
.naviblock .tagcloud {
	font-size:1.4em; /* 14px / 10px */
}

.naviblock .tagcloud li {
	display:inline-block;
	line-height:1.77777em; /* 32px / 18px */
	position:relative;
}

.naviblock .tagcloud li a:hover {
	color:#ffffff;
}

.naviblock .tagcloud li::after {
	content: " | ";
	color:#363636;
}

.naviblock .tagcloud li:last-child::after {
	content: "";
}

/* search */
/* ====== */
.naviblock form.search {
	position:relative;
	margin-top:6em;  /* 60px / 10px */
}

.naviblock form.search input.field {
	font-size:1.8em;
	width:Calc(100% - 0.8em);
	margin:0;
	color:#ffffff;
	background-color:#404040;
	border:none;
	border-radius:0;
}

.naviblock ul.suggestions,
.desktopnavi ul.suggestions {
	position:absolute;
	z-index:2;
	background-color:#ffffff;
	left:0;
	width:100%;
	-webkit-border-radius:0 0 2px 2px;
	border-radius:0 0 2px 2px;
	display:none;
	overflow:hidden;
	font-size:1.8em; /* 18px / 10px */
}

.desktopnavi ul.suggestions {
	font-size:1.4em;
}

.naviblock ul.suggestions li,
.desktopnavi ul.suggestions li {
	border-bottom:2px solid #eeeeee;
	text-align:left;
	padding:8px;
	width:auto;
	overflow:hidden;
	position:relative;
}

.naviblock ul.suggestions li.story_search,
.desktopnavi ul.suggestions li.story_search {
	background: url('/media/img/main/arrows/arrow_navisearch.png') no-repeat;
	background-position: right center;
	background-size:1.333em 1.333em; /* 24px / 18px */
}

.naviblock ul.suggestions li a,
.desktopnavi ul.suggestions li a {
	display: block;
}

.naviblock ul.suggestions li a.ressort,
.desktopnavi ul.suggestions li a.ressort {
	color:#7bd400;
}

.naviblock ul.suggestions li a.user,
.desktopnavi ul.suggestions li a.user {
	color:#ff9306;
}

.naviblock ul.suggestions li.story_search a,
.desktopnavi ul.suggestions li.story_search a {
	color:#f40f97;
}

.naviblock ul.suggestions li.story_search .count,
.desktopnavi ul.suggestions li.story_search .count {
	font-weight: bold;
}

.naviblock ul.suggestions li:last-child,
.desktopnavi ul.suggestions li:last-child {
	border:none;
}

.naviblock ul.suggestions li.no_matches div,
.desktopnavi ul.suggestions li.no_matches div {
	margin:0 0 0 0;
	padding:0.1em 0.2em;
	color:#f40f97;
	text-align:center;
}

.naviblock ul.suggestions li.no_matches img,
.desktopnavi ul.suggestions li.no_matches img {
	width:30%;
	margin: 0.2em 35% 0 35%;
}

/* social media */
/* ============ */
.naviblock .segment.pop_up {
	margin-bottom:-4.5em; /* -45px / 10px */
}

.naviblock .segment.pop_up ul.icons li {
	display:inline-block;
	line-height:3.2em; /* 32px / 10px */
}

.naviblock .segment.pop_up ul.icons li::after{
	content: " | ";
	color:#363636;
	font-size:1.8em;
	line-height:1.77777em; /* 32px / 18px */
}

.naviblock .segment.pop_up ul.icons li:last-child::after {
	content: "";
}

.naviblock .segment.pop_up ul.icons li img {
	height: 1.7em; /* 20px / 10px */
    width: 1.7em;
	vertical-align:-0.4em;
	cursor:pointer;
	opacity:0.5;
}

.naviblock .segment.pop_up ul.icons li.active img {
	opacity:1;
}

.naviblock .segment.pop_up ul.icons li img:hover {
	opacity:1;
}

.naviblock .segment.pop_up ul.icons li a {
	color:#888888;
	font-size:1.4em;
}

.naviblock .segment.pop_up ul.icons li a:hover {
	color:#ffffff;
}

.naviblock .segment.pop_up .elements {
	font-size:1.8em; /* 18px / 10px */
	line-height:1.77777em; /* 32px / 18px */
	background-color:#ffffff;
	position:relative;
	top:1em;
	padding:15px;
	border-radius:2px;
	margin-bottom:1.5em;
}

.naviblock .segment.pop_up .elements .arrow {
	left:0;
	margin-left:2.4em;
	border: 1.4em solid #ffffff;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-top-color: transparent !important;
	top: -2.5em;
	font-size: 0.5em;
	height: 0;
	position: absolute;
	width: 0;
}

.naviblock .segment.pop_up .elements li:first-child {
	border-top:none;
}

.naviblock .segment.pop_up .elements li a {
	display:block;
}

.naviblock .segment.pop_up .note {
	font-size:1em; /* 18px / 18px */
}

.naviblock .segment.pop_up .elements.facebook iframe {
	margin:0 auto;
	width:180px;
}

.naviblock .segment.pop_up .elements.twitter iframe.twitter-follow-button {
	margin-top:6px;
}

.naviblock .segment.pop_up .elements.twitter iframe.twitter-tweet-button {
	width:112px !important;
}

/* config */
/* ====== */
body.night_mode {
	opacity:0.5;
	background-color:#000000;
}

body.night_mode .wrapper {
	background-color:#ffffff;
}

/* story font */
body.large_story_font .wrapper .story > p {
	font-size:2.4em;
}

.naviblock .segment.pop_up .elements.config .state {
	float:right;
}

.naviblock .segment.pop_up .elements.config .state span.active {
	font-weight:bold;
}

@media screen and (max-width: 591px) {
	body.large_story_font .wrapper .story > p {
		font-size:2.8em !important;
	}
}

/* navifade */
/* ======== */
.navifade {
	opacity:0;
	position:fixed;
	top:666%;
	left:666%;
	right:666%;
	bottom:666%;
	background-color:rgba(0,0,0,0.45);
	z-index: 30;
	cursor:pointer;
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
}

.navifade.show {
	opacity:1;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

/* tablet */
/* ====== */
@media screen and (max-width: 975px) {
    #breaking-banner-news {
        top: 3.3rem;
    }
}

/* mobile */
/* ====== */
@media screen and (max-width: 591px) {
    #breaking-banner-news {
        top: 2.5rem;
    }
}


/* dashboard wrapper */
/* ================= */
.dashboard {
	position:fixed;
	bottom:0;
	left:0;
	z-index:12348;
}
.dashboard .dashboardlink {
	position:fixed;
	bottom:1.5em; /* 15px / 10px */
	left:1.5em; /* 15px / 10px */
	display:block;
	width:2.6em; /* 26px / 10px */
	height:2.6em; /* 26px / 10px */
	padding:1.2em 12px; /* 12px / 10px */
	background-color:#f40f97;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
}

.dashboard .dashboardlink .number {
	color:#ffffff;
	font-size:2.6em; /* 26px / 10px */
	line-height:1em; /* 26px / 26px */
	text-align:center;
	display:block;
}

.dashboard .expandable {
	background-color:#ffffff;
	position:fixed;
	left:-50em;
	top:0;
	width:50em; /* 500px / 10px */
	height:100%;
	z-index:1;
	-webkit-overflow-scrolling:touch;
	-webkit-transition:left 0.5s;
	-moz-transition:left 0.5s;
	transition:left 0.5s;
}

.dashboard .expandable.expanded {
	left:0;
}

.dashboard .expandable iframe {
	width:100%;
	height:99.99%; /* to prevent scrollbars due to computing-inaccuracy */
}

/* w-bubble */
/* browser only */
/* ============ */
body .w-bubble {
	position:fixed;
	bottom:12px;
	left:1.5em;
	z-index: 12345; /* three less than dashboard, two lass than navigation */
}

body .w-bubble .dashboardlink {
	display:block;
	width:2.6em; /* 26px / 10px */
	height:2.6em; /* 26px / 10px */
	padding:1em; /* 10px / 10px */
	background-color:#f40f97;
	border-radius: 50%;
	background-image:url(/media/img/main/icons/icon_profile.png);
	background-size:cover;
	position:relative;
	box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.1) inset;
	filter:drop-shadow(2px 2px 9px rgba(0,0,0,0.2));
	-ms-filter:drop-shadow(2px 2px 9px rgba(0,0,0,0.2));
	-webkit-filter:drop-shadow(2px 2px 9px rgba(0,0,0,0.2));
}

body .w-bubble .dashboardlink .number {
	display:block;
	position:absolute;
	top:-0.5em;
	right:-0.25em;
	font-size:1.2em;
	line-height:1em;
	height:1em;
	min-width:0.5em;
	text-align:center;
	padding:0.25em 0.5em;
	border-radius:0.75em;
	background-color:#f40f97;
	color:#ffffff;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

/* ipad landscape */
/* ============== */
@media only screen
	and (min-device-width : 768px)
	and (max-device-width : 1024px)
	and (orientation : landscape) {
	.dashboard .expandable {
		overflow:auto;
	}
}


/* tablet */
/* ====== */
@media screen and (max-width: 975px) {
	.dashboard .expandable {
		overflow:auto;
	}

	body:not(.app_view) .w-bubble,
	body.app_view .w-bubble {
		left:12px;
		bottom:0;
		padding:12px;
	}
	.cookiefooter > .content > .text {
		padding: calc(3.7em / 5.75) 0;
	}
}

/* mobile */
/* ====== */
@media screen and (max-width: 591px) {
	.dashboard {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.dashboard .expandable {
		width:100%;
		left:-100%;
		border:transparent;
	}

	body:not(.app_view) .w-bubble,
	body.app_view .w-bubble {
		left:0px;
		padding:8px 8px 8px 16px;
	}
}

@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {

    body .w-bubble {
        padding:8px 8px 12px 16px;
    }

}

/* cookiefooter */
/* ============ */
.cookiefooter {
  display: none;
  position: fixed;
  width:100%;
  z-index:12345; /* same as logoblock */
  background: #000000;
  font-size: 1.4em;
  line-height: calc(3.7em / 2.6);
  height: calc(3.7em / 0.6);
  color: #cecece;
  text-align: left;
  border-bottom: 1px solid #363636;
  padding: 2px 0;
	bottom: 0;
}
.cookiefooter > .content {
  width: auto;
  position: relative;
  margin: 0 auto;
  padding: 0 16px;
}
.cookiefooter > .content > .text {
  width: 90%;
  float: left;
  padding: calc(3.7em / 5.75) 0;
}
.cookiefooter > .content > .button {
  width: 10%;
  float: left;
  text-align: right;
  line-height: calc(3.7em / 0.6);
}
.cookiefooter > .content > .button > .cookiebtn {
  background-color: rgba(206, 206, 206, 0.29);
  border: none;
  color: white;
  padding: 0.6em 1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color: #efefef;
  border-radius: 2px;
  cursor: pointer;
  font-size: 100%;
}
.cookiefooter > .content > .button > .cookiebtn:hover {
  background-color: rgba(206, 206, 206, 0.35);
}
@media screen and (min-width: 975px) {
  .cookiefooter {
    line-height: 1em;
    height: 3em;
  }
  .cookiefooter > .content {
    width: 994px;
  }
  .cookiefooter > .content > .button {
    line-height: 3em;
  }
}




/* author teaser */
.region .author_profile {
    width: 100%;
    height: 100%;
    display:table;
    box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

.region .author_profile .cell_wrapper {
    display:table-cell;
    vertical-align:middle;
}

.region .author_profile .author_quote {
    display:inline-block;
    width: 94%;
    margin: 0 3%;
    padding: 0 0 15px 0;
    text-align: center;
    font-style: italic;
    font-weight:bold;
    font-size: 2.2em;
    line-height: 1.3em;
    max-height: 180px;
    overflow: hidden;
}

.region .author_profile .author_bio {
    display:inline-block;
    width:100%;
}

.region .author_profile .author_img {
    width: 16em;
    height: 16em;
    margin: 10px auto 0.5em auto;
}

.region .author_profile .author_img img {
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2);
}

.region .author_profile .author_name {
    padding: 10px 0 0 0;
    font-weight: bold;
    font-size: 2.8em;
    text-align: center;
}

.region .author_profile .author_position {
    font-size: 1.6em;
    line-height:1.3em;
    text-align: center;
    margin: 5px 3% 0 3%;
}

.region .author_profile .author_follow {
    padding: 0.25em 0;
    margin: 0.5em 14% 0 14%;
    font-size: 1.6em;
    text-align: center;
    -webkit-border-radius: 4px;
    border-radius: 2px;
    cursor: pointer;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.region .author_profile .author_follow:hover {
    background: #FFF !important;
}

.region .author_profile .author_follow img {
    height:1.2em;
    vertical-align:-0.25em;
    margin-right:5px;
}

.region .author_profile .author_contact {
    font-size: 2.4em; /* 24px / 10px */
    margin: 0.178em 0 0 0; /* 5px / 28px */
}

.region .author_profile .author_contact ul {
    text-align: center;
}

.region .author_profile .author_contact li {
    display: inline-block;
}

.region .author_profile .author_contact li .email {
    display: none;
}

.region .author_profile .author_contact li img {
    height: 1.428em;
}

.follow_tag {
    position: relative;
    background: #222;
    color: #FFF;
    padding: 8px 16px;
    margin-bottom:16px;
    box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

.follow_tag .txt {
    width: 80%;
    font-size: 1.8em;
    line-height:1.3em;
}

.follow_tag .txt h4 {
    font-weight: bold;
}

.follow_tag .txt a {
    color: #0fb4f4;
    font-weight: bold;
    white-space: nowrap;
    text-transform: uppercase;
    -moz-transition:color 0.5s ease;
    -webkit-transition:color 0.5s ease;
    transition:color 0.5s ease;
}

.follow_tag .txt a:hover {
    color: #fff;
}

.follow_tag .follow_button {
    position: absolute;
    right: 16px;
    top:0.87em;
    background: #0fb4f4;
    width: auto;
    padding: 0.25em 15px;
    line-height: 1.3em;
    text-align: center;
    font-size: 1.8em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    cursor: pointer;
}

.follow_tag .follow_button img {
    height:1.2em;
    vertical-align:-0.15em;
    margin-right:5px;
}

/* desktop ONLY */
@media screen and (min-width: 976px) {
    /* smaller than 1/1 */
    .region:not(.y_full_desktop) .author_profile .author_quote,
    .region:not(.y_full_desktop) .author_profile .author_position {
        display: none;
    }

    /* 1/2 */
    .region.y_half_desktop .author_profile .author_img {
        width:10em;
        height:10em;
    }

    /* 1/4 */
    .region.y_quarter_desktop .author_profile .author_img {
        width:5em;
        height:5em;
        margin-top:0;
    }

    .region.y_quarter_desktop .author_profile .author_name {
        font-size:1.8em;
        padding:0;
    }

    .region.y_quarter_desktop .author_profile .author_contact {
        display:none;
    }
}

/* tablet ONLY */
@media screen and (min-width: 592px) and (max-width: 975px) {
    .follow_tag {
        margin-bottom:14px;
        padding:7px 14px;
    }

    .follow_tag .txt {
        width: 72%;
    }

    .follow_tag .dash_icon img {
        height: 20px;
        margin: 10px 0 0 0;
    }

    /* smaller than 1/1 */
    .region:not(.y_full_tablet) .author_profile .author_quote,
    .region:not(.y_full_tablet) .author_profile .author_position {
        display: none;
    }

    /* 1/2 */
    .region.y_half_tablet .author_profile .author_img {
        width:10em;
        height:10em;
    }

    /* 1/4 */
    .region.y_quarter_tablet .author_profile .author_img {
        width:5em;
        height:5em;
        margin-top:0;
    }

    .region.y_quarter_desktop .author_profile .author_name {
        font-size:1.8em;
        padding:0;
    }

    .region.y_quarter_tablet .author_profile .author_contact {
        display:none;
    }
}

/* mobile ONLY */
@media screen and (max-width: 591px) {
    .region .author_profile .author_img {
        width: 10em;
        height: 10em;
        margin: 0px auto 0.5em auto;
    }

    .region .author_profile .author_name {
        padding: 5px 0 0 0;
        font-size: 3.6em;
    }

    .region .author_profile .author_position {
        font-size:2.285em; /* 16px / 7px */
    }

    .region .author_profile .author_follow {
        font-size:2.285em; /* 16px / 7px */
    }

    .follow_tag {
        margin-bottom:10px;
        padding:10px;
    }

    .follow_tag .txt {
        font-size:2.285em; /* 16px / 7px */
        width: 100%;
        text-align: center;
    }

    .follow_tag .follow_button {
        font-size:2.285em; /* 16px / 7px */
        position: static;
        margin: 5px auto 0 auto;
    }

    /* smaller than 1/1 */
    .region:not(.y_full_mobile) .author_profile .author_quote,
    .region:not(.y_full_mobile) .author_profile .author_position {
        display: none;
    }

    /* 1/4 */
    .region.y_quarter_mobile .author_profile .author_img {
        width:5em;
        height:5em;
        margin-top:0;
    }

    .region.y_quarter_mobile .author_profile .author_name {
        font-size:2em;
        padding:0;
    }

    .region.y_quarter_mobile .author_profile .author_contact {
        display:none;
    }
}

/* slideshow */
/* ========= */
.widget.slideshow {
	width: 100%;
	position: relative;
	background-color: #222222;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.widget.slideshow .alert {
	position:absolute;
	display:table;
	width:100%;
	height:100%;
	background-image:url("/media/img/main/icons/teaser_fallback.png");
	background-size:cover;
	background-position:center center;
}

.widget.slideshow .alert span {
	display:table-cell;
	padding:10%;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-size:1.8em;
	line-height:1.3em;
	background-color:rgba(0,0,0,0.5);
}

.region .widget.slideshow {
	padding-bottom:0;
	height:100%;
	box-shadow:none;
}

.widget.slideshow {
	display: block;
}

.insert.cinemascope .widget.slideshow.enhanced {
	padding-bottom: 450px;
}

.fullscreen .widget.slideshow {
	padding: 0 !important;
	height: 100% !important;
}

.region:not(.fullscreen) .widget.slideshow > div:not(.first-panel):not(.full):not(.fullscreen)::before,
.insert:not(.fullscreen):not(.cinemascope) .widget.slideshow > div:not(.watson-slideshow):not(.first-panel):not(.full):not(.fullscreen)::before {
    content:"";
    position:absolute;
    height:100%;
    width:0.5em;
    background-image:url(/media/img/main/region_textures/tear_out_left.png);
    background-size:0.5em 1em;
    background-repeat:repeat-y;
    background-position:left top;
    top:0;
    left:0;
    z-index:5;
}

.region:not(.fullscreen) .widget.slideshow > div:not(.last-panel)::after,
.insert:not(.fullscreen):not(.cinemascope) .widget.slideshow > div:not(.watson-slideshow):not(.last-panel):not(.fullscreen)::after {
    content:"";
    position:absolute;
    height:100%;
    width:0.5em;
    background-image:url(/media/img/main/region_textures/tear_out_right.png);
    background-size:0.5em 1em;
    background-repeat:repeat-y;
    background-position:right top;
    top:0;
    right:0;
    z-index:5;
}

/* pagination */
.widget.slideshow .page_number {
	position:absolute;
	left:-1px;
	top:-1px;
	color:#ffffff;
	font-size:1.2em; /* 12px / 10px */
	font-weight:bold;
	padding: 1.25em 0 0 1.25em;
	text-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.6);
    -webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,0.3));
	filter:drop-shadow(0 0 4px rgba(0,0,0,0.3));
	z-index:1;
	background-image:url(/media/img/main/region_textures/tear_out_top_left.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:-8em 0;
    transition: background-position 0.2s;
    width:calc(5.833em - 1.25em);
	height:calc(5.833em - 1.25em);
}

.widget.slideshow > div.first-panel .page_number,
.widget.slideshow .suggestions .page_number {
    background-position:0 0;
    font-size: 1.2em;
    font-weight:bold;
    padding:1.25em 0.4167em 0 0.8333em;
	color:#222222;
	text-shadow:none;
}

.widget.slideshow .pagination {
	display:none !important;
	position:absolute;
	top:2.1em; /*21px / 10px */
	left:0;
	width:100%;
	text-align:center;
	z-index:50;
}

.widget.slideshow .pagination .dot {
	background-color:rgba(242,242,242,0.25);
	border:1px solid rgba(0,0,0,0.25);
	border-radius:50%;
	display:inline-block;
	width:0.9em; /* 9px / 10px */
	height:0.9em; /* 9px / 10px */
	margin:0 0.3em; /* 3px / 10px */
}

.widget.slideshow .pagination .dot.current {
	background-color:rgba(242,242,242,1);
}

/**
	Panels
*/
.widget.slideshow .panel {
	background-image:url(/media/img/main/icons/icon_loading_static.png);
	background-size:4em auto;

	will-change: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	overflow: hidden;

	background-repeat: no-repeat;
	background-position: center;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.widget.slideshow .panel.advertisement {
	background-image:url(/media/img/main/icons/icon_loading_advertisement.png);
}

.widget.slideshow .panel::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    box-shadow:2px 2px 18px rgba(0, 0, 0, 0.1) inset;
}

.widget.slideshow .panel img {
	position: absolute;
}

.widget.slideshow.enhanced .panel {
	border-left: 4px solid #111111;
	border-right: 4px solid #111111;
}

.widget.slideshow.undercut .panel {
	border-right: 8px solid #111111;
}

.widget.slideshow.enhanced .panel:not(.active) {
	cursor:pointer;
}

/**
	Captions
*/

.widget.slideshow.simple.hide-caption .caption {
	display: none;
}

.widget.slideshow .caption {
	position: absolute;
	z-index: 50;
	background-color: #222222;
	color: #ffffff;
	left: 0;
	right: 0;
	bottom: 0;
	padding:15px;
	padding-top:5em; /* 50px / 10px */
	-webkit-filter:drop-shadow(1px 1px 0.5px rgba(0,0,0,0.6));
	filter:drop-shadow(1px 1px 0.5px rgba(0,0,0,0.6));
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 5em);
}

.region.fullscreen .inserttitle,
.slideshow-wrapper.fullscreen .inserttitle,
.insert.fullscreen .inserttitle {
	display: none !important;
}

.widget.slideshow .caption p,
.widget ul.timeline .widget.slideshow .caption p {
	font-size:1.6em !important; /* 16px / 10px */
	line-height:1.5em;
	margin-bottom:0;
}

.insert.fullscreen .widget.slideshow .caption p,
.region.fullscreen .widget.slideshow .caption p,
.insert.fullscreen .widget ul.timeline .widget.slideshow .caption p {
	font-size:1.8em !important; /* 18px / 10px */
}

.widget.slideshow .caption p .img-text {
	margin-right:0.5em;
}

.widget.slideshow .caption p .source {
	font-size:0.875em; /* 14px / 16px */
	color:#fff;
	font-style:italic;
	text-transform: lowercase;
    display: block;
    line-height: 1;
    padding-top: .5em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.widget.slideshow .caption p a {
	color:#ffffff;
	text-decoration:underline;
}

/**
	Title
*/
.widget.slideshow h2 {
	font-weight:bold;
	color: #ffffff;
	line-height:1.3em;
}

.fullscreen .widget.slideshow h2 {
	display:none;
}


/**
	Controls
*/
.widget.slideshow .facebook,
.widget.slideshow .twitter,
.widget.slideshow .native_fullscreen,
.widget.slideshow .fullscreen-button,
.widget.slideshow .previous,
.widget.slideshow .next,
.widget.slideshow .to-start {
	position: absolute;
	z-index: 1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	color: #fff;
}

/* fullscreen-button */
.widget.slideshow .fullscreen-button {
	top:0;
	right:-6em;
	width:2em;
	height:2em;
	border:2em solid transparent;
	background-image:url(/media/img/main/icons/icon_fullscreen.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	filter: drop-shadow(1px 1px 4.5px rgba(0, 0, 0, 0.4));
	-webkit-filter: drop-shadow(1px 1px 4.5px rgba(0, 0, 0, 0.4));
	transition:right 0.2s;
}

.widget.slideshow:hover .fullscreen-button {
	right:0;
}

.slideshow-wrapper.fullscreen .widget.slideshow .fullscreen-button,
.insert.fullscreen .widget.slideshow .fullscreen-button,
.region.fullscreen .widget.slideshow .fullscreen-button,
.widget.fullscreen .widget.slideshow .fullscreen-button {
	background-image:url(/media/img/main/icons/icon_fullscreen_close.png);
}

/* fullscreen-options */
.widget.slideshow .fullscreen-options {
	position:absolute;
	top:2em;
	right:4em;
	height:2em;
	display:none;
}

.slideshow-wrapper.fullscreen .widget.slideshow:hover .fullscreen-options,
.insert.fullscreen .widget.slideshow:hover .fullscreen-options,
.region.fullscreen .widget.slideshow:hover .fullscreen-options {
	display:block;
}

.widget.slideshow .fullscreen-options span.info {
	font-size:1.6em;
	color:#ffffff;
	vertical-align:middle;
	opacity:0.5;
}

.widget.slideshow .fullscreen-options a {
	margin-left:12px;
	display:inline-block;
	width:2em;
	height:2em;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	vertical-align:middle;
	opacity:0.5;
}

.widget.slideshow .fullscreen-options a:hover {
	opacity:1;
}

.widget.slideshow .fullscreen-options a.facebook {
	background-image:url(/media/img/main/icons/icon_facebook_white_neg.png);
	position: relative;
}
.widget.slideshow .fullscreen-options a.twitter {
	background-image:url(/media/img/main/icons/icon_twitter_white_neg.png);
	margin-right:2em;
	position: relative;
}
.widget.slideshow .fullscreen-options a.native_fullscreen {
	background-image:url(/media/img/main/icons/icon_native_fullscreen_white.png);
	margin-right:12px;
	position: relative;
}

.widget.slideshow .previous,
.widget.slideshow .next,
.widget.slideshow .to-start {
	top: 50%;
	margin-top:-2.5em;
	margin-right:8px;
	margin-left:8px;
	width:5em;
	height:5em;
	border-radius:2px;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url(/media/img/main/icons/slideshow_left.png);
	display: inline-block;
	opacity:0.5;
	filter: drop-shadow(1px 1px 4.5px rgba(0, 0, 0, 0.4));
	-webkit-filter: drop-shadow(1px 1px 4.5px rgba(0, 0, 0, 0.4));
}

.widget.slideshow .previous:hover,
.widget.slideshow .next:hover,
.widget.slideshow .to-start:hover {
	opacity:1;
}

.widget.slideshow .previous.is_mobile,
.widget.slideshow .next.is_mobile,
.widget.slideshow .to-start.is_mobile,
.widget.slideshow .previous.is_mobile:hover,
.widget.slideshow .next.is_mobile:hover,
.widget.slideshow .to-start.is_mobile:hover {
	opacity:0.5 !important;
}

.widget.slideshow .next {
	background-image:url(/media/img/main/icons/slideshow_right.png);
	right: 0;
}

.widget.slideshow .first-panel .next {
	opacity:1;
}

.widget.slideshow .to-start {
	background-image:url(/media/img/main/icons/slideshow_all_left.png);
	right: 0;
}

.widget.slideshow .last-panel .next {
	display: none;
}

.widget.slideshow .first-panel .previous {
	display: none !important;
}

.widget.slideshow .to-start {
	display: none;
}

.widget.slideshow .last-panel .to-start {
	display: inline-block;
}

/* SLICKTON */
/* ============= */
.widget.slideshow .slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.widget.slideshow .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
}
.widget.slideshow .slick-list:focus {
    outline: none;
}
.widget.slideshow .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.widget.slideshow .slick-slider .slick-track,
.widget.slideshow .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.widget.slideshow .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.widget.slideshow .slick-track:before,
.widget.slideshow .slick-track:after {
    display: table;
    content: '';
}
.widget.slideshow .slick-track:after {
    clear: both;
}
.widget.slideshow .slick-loading .slick-track {
    visibility: hidden;
}

.widget.slideshow .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.widget.slideshow .slick-initialized .slick-slide {
    display: block;
		height: inherit;
}
.widget.slideshow .slick-initialized .slick-slide > div,
.widget.slideshow .slick-initialized .slick-slide > div > div {
		height: inherit;
}

.widget.slideshow .slick-loading .slick-slide {
    visibility: hidden;
}
.widget.slideshow .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.widget.slideshow .slick-arrow.slick-hidden {
    display: none;
}

.widget.slideshow .slick-initialized .slick-slide {
  position: relative;
}

.widget.slideshow .slick-slide.slick-active {
  background-image: url(/media/img/main/icons/icon_loading_static.png);
  background-size: 4em auto !important;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
	overflow:hidden;
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.widget.slideshow .slick-slide.slick-active > div,
.widget.slideshow .slick-slide.slick-active > div > div {
	height: inherit;
}

.widget.slideshow .slick-slider.full-preload .slick-track {
	display:none !important;
}

.widget.slideshow .slick-slide.slick-active.advertisement {
	background-image:url(/media/img/main/icons/icon_loading_advertisement.png);
}

.widget.slideshow .slick-slider.full .fullscreen-button {
    background-image: url(/media/img/main/icons/icon_fullscreen_close.png);
}

.widget.slideshow .container,
.widget.slideshow .slick-slider,
.widget.slideshow .slick-list
{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
	overflow: hidden;
}

.widget.slideshow .container.fullscreen,
.widget.slideshow .container.fullscreen .slick-slider,
.widget.slideshow .container.fullscreen .slick-list
{
  position: absolute;
	overflow:hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.widget.slideshow .slick-track {
 height: inherit;
 -webkit-overflow-scrolling: touch;
 overflow: auto hidden;
}


/* @MEDIA Tablet Landscape */
/* ============= */
@media screen and (max-width: 1200px) {

	.fullscreen .widget.slideshow {
		padding: 0 !important;
		height: 100% !important;
	}
	.widget.slideshow .caption p .source {
		font-size:0.777em !important; /* 14px / 18px */
	}

}

/* @MEDIA Tablet */
/* ============= */
@media screen and (max-width: 975px) {
	.insert.jumbo .widget.slideshow > div:not(.last-panel)::after,
	.insert.jumbo .widget.slideshow > div:not(.first-panel)::before {
		display:none !important;
	}

	.insert.cinemascope .widget.slideshow.enhanced {
		padding-bottom: 40%;
	}
	.widget.slideshow .fullscreen-button {
		right:0;
	}

	.fullscreen .widget.slideshow {
		padding: 0 !important;
		height: 100% !important;
	}

	.widget.slideshow .first-panel .next {
		display:block !important;
		opacity:1;
	}

	.slideshow-wrapper.fullscreen .widget.slideshow .fullscreen-options,
	.insert.fullscreen .widget.slideshow .fullscreen-options,
	.region.fullscreen .widget.slideshow .fullscreen-options {
		display:block;
	}

	.widget.slideshow .fullscreen-options .native_fullscreen,
	.widget.slideshow .fullscreen-options span.info {
		display:none;
	}
}

/* @MEDIA Phone */
/* ============= */
@media screen and (max-width: 591px) {
	.insert.force_full_width_mobile .widget.slideshow > div:not(.last-panel)::after,
	.insert.force_full_width_mobile .widget.slideshow > div:not(.first-panel)::before {
		display:none !important;
	}

	.widget.slideshow {
		padding-bottom: 100%;
	}

	.fullscreen .widget.slideshow {
		padding: 0 !important;
		height: 100% !important;
	}

	.widget.slideshow .caption p .source {
		font-size:1em !important; /* 12px / 12px */
	}
}




/* visibility in small wrappers */
/* ============================ */
.region.x_third_desktop:not(.fullscreen) .widget.slideshow .pagination,
.story .insert.side .widget.slideshow .pagination {
	display:none;
}

.region.y_half_desktop:not(.fullscreen) .widget.slideshow .caption p .img-text,
.story .insert.side .widget.slideshow .caption p .img-text {
	display:none;
}

@media screen and (max-width: 975px) {
	.region.x_half_tablet:not(.fullscreen) .widget.slideshow .pagination {
		display:none;
	}

	.region.y_half_tablet:not(.fullscreen) .widget.slideshow .caption p .img-text {
		display:none;
	}
}

@media screen and (max-width: 591px) {
	.widget.slideshow .pagination {
		display:none;
	}

	.region.y_half_mobile:not(.fullscreen) .widget.slideshow .caption p .img-text {
		display:none;
	}
}


/*
* next and previous Buttons
*/

/* mobile devices */
/* ============== */

/* iPhone 5 in portrait & landscape */
@media only screen and (max-device-width : 320px) and (max-device-height : 568px) and (orientation:portrait),
@media only screen and (max-device-width : 320px) and (max-device-height : 568px) and (orientation:landscape),
/* Motorola Defy, Droid, Droid X, Milestone */
@media only screen and (max-device-width : 320px) and (max-device-height : 569px) and (orientation:portrait),
@media only screen and (max-device-width : 320px) and (max-device-height : 569px) and (orientation:landscape),
/* iPhone 6 in portrait & landscape */
@media only screen and (max-device-width : 375px) and (max-device-height : 667px) and (orientation:portrait),
@media only screen and (max-device-width : 375px) and (max-device-height : 667px) and (orientation:landscape),
/* iPhone 6 plus in portrait & landscape */
@media only screen and (max-device-width : 414px) and (max-device-height : 736px) and (orientation:portrait),
@media only screen and (max-device-width : 414px) and (max-device-height : 736px) and (orientation:landscape),
/* Sony Xperia Sola, U */
@media only screen and (max-device-width : 480px) and (max-device-height : 854px) and (orientation:portrait),
@media only screen and (max-device-width : 480px) and (max-device-height : 854px) and (orientation:landscape),
/* Motorola Droid 3, Droid 4, Droid Razr, Atrix 4G, Atrix 2 */
@media only screen and (max-device-width : 540px) and (max-device-height : 960px) and (orientation:portrait),
@media only screen and (max-device-width : 540px) and (max-device-height : 960px) and (orientation:landscape),
/* LG Optimus LTE, LG Optimus 4X HD */
@media only screen and (max-device-width : 424px) and (max-device-height : 753px) and (orientation:portrait),
@media only screen and (max-device-width : 424px) and (max-device-height : 753px) and (orientation:landscape),
/* Samsung Galaxy Note */
@media only screen and (max-device-width : 400px) and (max-device-height : 640px) and (orientation:portrait),
@media only screen and (max-device-width : 400px) and (max-device-height : 640px) and (orientation:landscape),
/* Blackberry Z30, Google Nexus 5, HTC One X, Evo LTE, HTC Sensation, Nokia C5, C6, C7, N97, N8, X7, Samsung Galaxy Note 3, Samsung Galaxy Note II, Samsung Galaxy Note S III, Galaxy Nexus, Samsung Galaxy S4, Sony Xperia S, Ion, Sony Xperia Z, Z1 */
@media only screen and (max-device-width: 360px) and (max-device-height: 640px) and (orientation:portrait),
@media only screen and (max-device-width: 360px) and (max-device-height: 640px) and (orientation:landscape),
/* Blackberry Z10, Google Nexus 4, LG Optimus G */
@media only screen and (max-device-height: 384px) and (max-device-width: 640px) and (orientation:portrait),
@media only screen and (max-device-height: 384px) and (max-device-width: 640px) and (orientation:landscape),
/* Google Nexus S, HTC Evo, Touch HD, Desire HD, Desire, LG Optimus 2X, LG Optimus 3D, Optimus Black, Nokia Lumia 7X0, Lumia 8XX, Lumia 900, N800, N810, N900, Samsung Galaxy S, S II, W */
@media only screen and (max-device-height: 320px) and (max-device-width: 533px) and (orientation:portrait),
@media only screen and (max-device-height: 320px) and (max-device-width: 533px) and (orientation:landscape),
/* Iphone 3GS, Iphone 4 */
@media only screen and (max-device-height: 320px) and (max-device-width: 480px) and (orientation:portrait),
@media only screen and (max-device-height: 320px) and (max-device-width: 480px) and (orientation:landscape),
/* LG Optimus One */
@media only screen and (max-device-height: 213px) and (max-device-width: 320px) and (orientation:portrait),
@media only screen and (max-device-height: 213px) and (max-device-width: 320px) and (orientation:landscape) {
    .widget.slideshow .slidearrow { display:none !important; }
    .widget.slideshow .slidearrow { display:block !important; }
}



/* Context Panel */
/* ============= */
.widget.slideshow .panel .context,
.widget.slideshow .slick-slide .context {
	width:100%;
	height:100%;
	background-color:#222222;
	display:table;
}

.widget.slideshow .panel .context > .suggestions,
.widget.slideshow .slick-slide .context > .suggestions {
	display:table-cell;
	vertical-align:middle;
	padding:0 7%;
}

.widget.slideshow .panel .context > .title,
.widget.slideshow .slick-slide .context > .title {
	position:absolute;
	top:calc( ( 7% * 16 / 9 / 2 ) - (1.6em / 2) );
	left:7%;
	z-index:1;
}

.insert.fullscreen .widget.slideshow .panel .context > .title,
.region.fullscreen .widget.slideshow .panel .context > .title,
.insert.fullscreen .widget.slideshow .slick-slide .context > .title,
.region.fullscreen .widget.slideshow .slick-slide .context > .title
 {
	top:2em !important;
}

.widget.slideshow .panel .context > .title > h3,
.widget.slideshow .slick-slide .context > .title > h3 {
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	line-height: 1em;
	display: inline-block;
}

.widget.slideshow .panel .context > .title > .further_reading,
.widget.slideshow .slick-slide .context > .title > .further_reading {
	display: inline-block;
	font-size: 1.4em;
	padding-right: 0.8em;
	padding-left: 12px;
	background-image: url(/media/img/main/icons/slider-right_blue.png);
	background-position: right center;
	background-size: auto 0.6em;
	background-repeat: no-repeat;
}

.widget.slideshow .panel .context > .suggestions > .tile,
.widget.slideshow .slick-slide .context > .suggestions > .tile {
	width:calc( ( 100% - (3 * 16px) ) / 4 );
	padding-bottom:calc( ( 100% - (3 * 16px) ) / 4 );
	height:0;
	background-color:#eeeeee;
	float:left;
	margin:8px 16px 8px 0;
	position:relative;
	overflow:hidden;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

.widget.slideshow .panel .context > .suggestions > .tile > .caption,
.widget.slideshow .slick-slide .context > .suggestions > .tile > .caption {
	padding:10px;
}

.widget.slideshow .panel .context > .suggestions > .tile > .caption p,
.widget.slideshow .slick-slide .context > .suggestions > .tile > .caption p {
	font-weight:bold;
	font-size:1.4em !important;
	line-height:1.2em;
}

.widget.slideshow .panel .context > .suggestions > .tile .page_number,
.widget.slideshow .slick-slide .context > .suggestions > .tile .page_number {
	z-index:50;
	font-size: 0.9em;
}

.widget.slideshow .panel .context > .suggestions > .tile > a.story_link,
.widget.slideshow .slick-slide .context > .suggestions > .tile > a.story_link {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:60;
}

/* desktop exclusive */
/* ================= */
@media screen and (min-width: 976px) {
	.insert:not(.jumbo):not(.full):not(.fullscreen) .widget.slideshow .panel .context > .suggestions > .tile,
	.insert:not(.jumbo):not(.full):not(.fullscreen) .widget.slideshow .slick-slide .context > .suggestions > .tile {
		width:calc( ( 100% - 16px ) / 2 );
		padding-bottom:calc( ( 100% - 16px ) / 2 );
	}
}

/* desktop and tablet */
/* ================== */
@media screen and (min-width: 592px) {
	.insert.jumbo .widget.slideshow .panel .context > .suggestions > .tile:nth-child(4n+4),
	.insert.full .widget.slideshow .panel .context > .suggestions > .tile:nth-child(4n+4),
	.insert.fullscreen .widget.slideshow .panel .context > .suggestions > .tile:nth-child(4n+4),
	.region .widget.slideshow .panel .context > .suggestions > .tile:nth-child(4n+4),
	.insert.jumbo .widget.slideshow .slick-slide .context > .suggestions > .tile:nth-child(4n+4),
	.insert.full .widget.slideshow .slick-slide .context > .suggestions > .tile:nth-child(4n+4),
	.insert.fullscreen .widget.slideshow .slick-slide .context > .suggestions > .tile:nth-child(4n+4),
	.region .widget.slideshow .slick-slide .context > .suggestions > .tile:nth-child(4n+4) {
		margin-right:0;
	}

	.insert:not(.jumbo):not(.full):not(.fullscreen) .widget.slideshow .panel .context > .suggestions > .tile:nth-child(n+3),
	.insert:not(.jumbo):not(.full):not(.fullscreen) .widget.slideshow .slick-slide .context > .suggestions > .tile:nth-child(n+3) {
		display:none;
	}

	.insert:not(.jumbo):not(.full):not(.fullscreen) .widget.slideshow .panel .context > .suggestions > .tile:nth-child(2),
	.insert:not(.jumbo):not(.full):not(.fullscreen) .widget.slideshow .slick-slide .context > .suggestions > .tile:nth-child(2) {
		margin-right:0;
	}

	/* side-insert */
	.insert.side:not(.fullscreen) .widget.slideshow .panel .context > .title,
	.insert.side:not(.fullscreen) .widget.slideshow .panel .context > .suggestions > .tile > .caption,
		.insert.side:not(.fullscreen) .widget.slideshow .slick-slide .context > .title,
		.insert.side:not(.fullscreen) .widget.slideshow .slick-slide .context > .suggestions > .tile > .caption {
		display:none;
	}

	/* in spotlight */
	.region:not(.fullscreen) .widget.spotlight_media .widget.slideshow .panel .context > .suggestions > .tile,
	.region:not(.fullscreen) .widget.spotlight_media .widget.slideshow .slick-slide .context > .suggestions > .tile {
		width:calc( ( 100% - 16px ) / 2 );
	}

	.region:not(.fullscreen) .widget.spotlight_media .widget.slideshow .panel .context > .suggestions > .tile:nth-child(2n+2),
	.region:not(.fullscreen) .widget.spotlight_media .widget.slideshow .slick-slide .context > .suggestions > .tile:nth-child(2n+2) {
		margin-right:0;
	}

	.region:not(.fullscreen) .widget.spotlight_media .widget.slideshow .panel .context > .suggestions > .tile:nth-child(n+5),
	.region:not(.fullscreen) .widget.spotlight_media .widget.slideshow .slick-slide .context > .suggestions > .tile:nth-child(n+5) {
		display:none;
	}
}

/* tablet exclusive */
/* ================ */
@media screen and (max-width: 975px) and (min-width: 592px) {

	.widget.slideshow .panel .context > .suggestions > .tile,
	.widget.slideshow .slick-slide .context > .suggestions > .tile {
		margin:7px 14px 7px 0;
	}

	.insert:not(.jumbo):not(.full):not(.fullscreen) .widget.slideshow .panel .context > .suggestions > .tile,
	.insert:not(.jumbo):not(.full):not(.fullscreen) .widget.slideshow .slick-slide .context > .suggestions > .tile {
		width:calc( ( 100% - 14px ) / 2 );
		padding-bottom:calc( ( 100% - 14px ) / 2 );
	}

	.widget.slideshow .panel .context > .title,
	.widget.slideshow .slick-slide .context > .title {
		top:calc( ( 7% * 16 / 9 / 2 ) - (1.666 * 1.96667em / 2) );
	}

	.widget.slideshow .panel .context > .title > h3,
	.widget.slideshow .slick-slide .context > .title > h3 {
		font-size:1.666em;
		line-height: 1.96667em;
	}

	.widget.slideshow .panel .context > .suggestions > .tile > .caption p,
	.widget.slideshow .slick-slide .context > .suggestions > .tile > .caption p {
		font-size:1.6vw !important;
	}

	.insert:not(.jumbo):not(.full):not(.fullscreen) .widget.slideshow .panel .context > .title,
	.insert:not(.jumbo):not(.full):not(.fullscreen) .widget.slideshow .slick-slide .context > .title {
		display:none;
	}
}


/* mobile exclusive */
/* ================ */
@media screen and (max-width: 591px) {
	.widget.slideshow .panel .context > .suggestions,
	.widget.slideshow .slick-slide .context > .suggestions {
		padding:0 10%;
	}

	.widget.slideshow .panel .context > .title,
	.widget.slideshow .slick-slide .context > .title {
		top:calc( ( 10% / 2 ) - (2em / 2) );
		left:10%;
	}

	.widget.slideshow .panel .context > .title > h3,
	.widget.slideshow .slick-slide .context > .title > h3 {
		font-size:2em !important;
		display:inline-block !important;
	}

	.widget.slideshow .panel .context > .title > .further_reading,
	.widget.slideshow .slick-slide .context > .title > .further_reading {
		font-size: 1.75em;
	}

	.widget.slideshow .panel .context > .suggestions > .tile,
	.widget.slideshow .slick-slide .context > .suggestions > .tile {
		width:calc( ( 100% - 10px ) / 2 );
		padding-bottom:calc( ( 100% - 10px ) / 2 );
		margin:5px 10px 5px 0;
	}

	.widget.slideshow .panel .context > .suggestions > .tile:nth-child(n+5),
	.widget.slideshow .slick-slide .context > .suggestions > .tile:nth-child(n+5) {
		display:none;
	}

	.widget.slideshow .panel .context > .suggestions > .tile:nth-child(2n+2),
	.widget.slideshow .slick-slide .context > .suggestions > .tile:nth-child(2n+2) {
		margin-right:0;
	}

	.widget.slideshow .panel .context > .suggestions > .tile > .caption p,
	.widget.slideshow .slick-slide .context > .suggestions > .tile > .caption p {
		font-size:3vw !important;
	}
}

/* watson loader */
/* ============= */

.watson_loader {
	left:50%;
	top:50%;
	width:60px;
	height:60px;
	margin-top:-30px;
	margin-left:-30px;
	position:absolute;
}

.watson_loader .grey {
	width:100%;
	height:100%;
	position:absolute;
}

.watson_loader .grey .dot {
	width:30%;
	height:30%;
	background-color:white;
	border-radius:50%;
	position:absolute;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

.watson_loader .grey .dot:nth-child(1) {
	top:15%;
}

.watson_loader .grey .dot:nth-child(2) {
	left:17%;
	top:48%;
}

.watson_loader .grey .dot:nth-child(3) {
	top:15%;
	left:35%;
}

.watson_loader .grey .dot:nth-child(4) {
	right:17%;
	top:48%;
}

.watson_loader .grey .dot:nth-child(5) {
	top:15%;
	right:0;
}

.watson_loader .grey .dot.mover {
	-webkit-animation-name: blob_move;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-name: blob_move;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.watson_loader .coloured {
	width:100%;
	height:100%;
	position:absolute;
}

.watson_loader .coloured .dot {
	width:20%;
	height:20%;
	margin:5%;
	background-color:green;
	border-radius:50%;
	position:absolute;
}

.watson_loader .coloured .dot.mover {
	-webkit-animation-name: sharp_move;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    
    animation-name: sharp_move;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes blob_move {
    0%   {left:0; top:15%;}
    20%  {left:17%; top:48%;}
    40%  {left:35%; top:15%;}
    60%  {left:53%; top:48%;}
    80%  {left:70%; top:15%;}
    100% {left:0; top:15%;}
}

@-webkit-keyframes sharp_move {
    0%   {background-color:#f40f97;left:0; top:15%;}
    20%  {background-color:#7bd400;left:17%; top:48%;}
    40%  {background-color:#7bd400;left:35%; top:15%;}
    60%  {background-color:#00c1f6;left:53%; top:48%;}
    80%  {background-color:#00c1f6;left:70%; top:15%;}
    100% {background-color:#f40f97;left:0; top:15%;}
}


@keyframes blob_move {
    0%   {left:0; top:15%;}
    20%  {left:17%; top:48%;}
    40%  {left:35%; top:15%;}
    60%  {left:53%; top:48%;}
    80%  {left:70%; top:15%;}
    100% {left:0; top:15%;}
}

@keyframes sharp_move {
    0%   {background-color:#f40f97;left:0; top:15%;}
    20%  {background-color:#7bd400;left:17%; top:48%;}
    40%  {background-color:#7bd400;left:35%; top:15%;}
    60%  {background-color:#00c1f6;left:53%; top:48%;}
    80%  {background-color:#00c1f6;left:70%; top:15%;}
    100% {background-color:#f40f97;left:0; top:15%;}
}






@media screen and (max-width: 591px) {
	.watson_loader {
		width:40px;
		height:40px;
		margin-top:-20px;
		margin-left:-20px;
	}
}


















/* spotlight_media */
/* =============== */
.widget.spotlight_media > .content {
	width:calc(33.334% - 32px);
	height:calc(100% - 32px);
	padding:16px;
	position:absolute;
	top:0;
	right:0;
	background-color:#f6f6f6;
	color:#222222;
	border-left: 4px solid #f40f97;
}

.region.fullscreen .widget.spotlight_media > .content,
.region .widget.spotlight_media.fullscreen > .content,
.insert.fullscreen .widget.spotlight_media > .content {
	display:none;
}

.widget.spotlight_media > .content > h2 {
	font-size:2.4em;
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:0.208em; /* 5px / 24px */
	overflow:hidden;
}

.widget.spotlight_media > .content > p.lead {
	font-size:1.6em;
	line-height:1.5em;
	overflow:hidden;
}


.widget.spotlight_media > .content > .publish_date {
	font-size:1.2em;
	line-height:1em;
	margin-top:1em;
	background-size:auto 1em;
	background-position:left center;
	background-repeat:no-repeat;
}

.widget.spotlight_media > .content > .publish_date::before {
	display:inline-block;
	height:1em;
	width:1em;
	content:"";
	background-image:url(/media/img/main/icons/icon_published_dark.png);
	background-size:auto 1em;
	background-position:left center;
	background-repeat:no-repeat;
	vertical-align:-0.1em;
	margin-right:0.2em;
	filter:brightness(4);
}

.widget.spotlight_media > .content > .source {
	display:block;
	color:#222222;
	margin-top:0.714em; /* 10px / 14px */
	font-size: 1.4em; /* 14px / 10px */
	line-height:1.3em;
	font-style: italic;
	text-transform: lowercase;
	hyphens: auto;
}

.widget.spotlight_media > .content > .arrow {
	position:absolute;
	z-index:1;
	width:0;
	height:0;
	border:1.4em solid;
	left:calc(-2.8em + 2px);
	border-color:transparent;
	border-right-color:#f6f6f6;
	bottom:50%;
	margin-bottom:-1.4em;
}

.widget.spotlight_media > .content > ul.icons {
	bottom:1.8em;
	left:1.8em;
	margin-top:1em; /* 10px / 10px */
}

.widget.spotlight_media > .content > ul.icons li {
	display:inline-block;
	margin-right:0.5em;
}

.widget.spotlight_media > .content > ul.icons li img {
	height:1.6em; /* 16px / 10px */
	cursor:pointer;
	vertical-align:middle;
}

.widget.spotlight_media > .content > ul.icons li:nth-child(2) img {
	height:2em;
	margin-left:0.3em;
}

@media screen and (max-width: 975px) {
	.widget.spotlight_media > .content {
		padding:14px;
		position:relative;
		width:auto;
	}

	.widget.spotlight_media > .content > h2 {
		font-size:2.66666em;;
	}

	.widget.spotlight_media > .content > .arrow {
		border-right-color:transparent;
		border-bottom-color:#f6f6f6;
		bottom:100%;
		margin-bottom:0;
		left:50%;
		margin-left:-1.4em;
	}
}

@media screen and (max-width: 591px) {
	.widget.spotlight_media > .content {
		padding:10px;
		border-top: 4px solid #f40f97;
		border-left: none;
	}

	.widget.spotlight_media > .content > h2 {
		font-size:2.571em !important;
	}
}



/* videomode */
/* ========= */
.widget.spotlight_media.videomode {
	box-shadow: none;
}

.widget.spotlight_media > .widget.video {
	width:66.666%;
	height:0;
	padding-bottom:calc(56.25% * 2 / 3);
	box-shadow:none;
}

@media screen and (max-width: 975px) {
	.widget.spotlight_media > .widget.video {
		width:100%;
		padding-bottom:56.25%;
	}
}


/* slidesmode */
/* ========== */
.widget.spotlight_media.slidesmode {
	box-shadow:none !important;
}

.widget.spotlight_media.slidesmode > .widget.slideshow {
	width:66.666%;
	height:0;
	padding-bottom:calc(56.25% * 2 / 3);
	box-shadow:none;
}

.region.fullscreen .widget.spotlight_media.slidesmode > .widget.slideshow,
.insert.fullscreen .widget.spotlight_media.slidesmode > .widget.slideshow {
	width:100%;
}

.widget.spotlight_media.slidesmode .widget.slideshow > div::after {
	display:none !important;
}

.widget.spotlight_media.slidesmode > .widget.slideshow h2 {
	display:none !important;
}

@media screen and (max-width: 975px) {
	.widget.spotlight_media.slidesmode > .widget.slideshow {
		width:100%;
		padding-bottom:56.25%;
	}

	.region.fullscreen .widget.spotlight_media.slidesmode .content {
		display:none !important;
	}
}

@media screen and (max-width: 591px) {
	.widget.spotlight_media.slidesmode > .widget.slideshow {
		padding-bottom:100%;
	}
}

.cta_download_app {
	background-color:#222222;
	background-image:url(/media/img/main/adgets/app_download/app_downloaden_txt_transparent.png);
    background-color: #fff;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}

.cta_download_app,
.mobile_footer_banner {
	display:none;
	height:60px;
	width:100%;
	position:fixed;
	bottom:-1px;
	left:0;
	z-index:10000;
}

.mobile_footer_banner .bannerLink {
	background-color: black;
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
	display: block;
	height: 100%;
}

.mobile_footer_banner .closeBtn {
	content: "";
	display: none;
	height: 20px;
	width: 20px;
	position: absolute;
	right: 0;
	top: -10px;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(/media/img/main/dashboard/close.png);
	background-size: contain;
	z-index: 10001;
}