/* --- Stylesheet 7411 () --------- */ 

.T4633 {
	background-color: #fff;
	padding: 0.5rem 0.7rem;
}

.T4633 > .content > .headline {
    font-size: 2.3rem;
    line-height: 1.1;
    margin: 0 0 1.2rem 0;
}

.T4633 .scroller {
	width: 100%;
}


.T4633 .story {
	display: flex;
	width: 100%;
	height: auto;
	margin: 0 0 1.3em 0;
}

.T4633 .story .image img {
	object-fit: cover;
	aspect-ratio:  1 / 1.300884956;
}
.T4633 .story .image {
	position: relative;
	width: 113px;
	margin: 0 1rem 0 0;
}

.T4633 .story .image .quickinfo {
	position: absolute;
	top: 0.3em;
	left: 0.3em;
	color: #FFF;
	font-size: 1.3em;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.T4633 .story .content {
	flex-grow: 1;
	width: calc(100% - 113px - 1rem);
	background-color: #FFF;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.T4633 .story .content .headline { margin: 0 0 0.2rem 0; }


.T4633 .story .content .link_wrapper {
	display: flex;
	justify-content: flex-end;
}

.T4633 .scroller_outer ::-webkit-scrollbar, .T4633 .scroller_outer ::-moz-scrollbar {
    width: 8px;
}

.T4633 .scroller_outer ::-webkit-scrollbar-track, .T4633 .scroller_outer ::-moz-scrollbar-track {
   background-color: #eee;
   border-top: 1px solid #ddd;
   border-radius: 8px;
}

.T4633 .scroller_outer ::-webkit-scrollbar-thumb, .T4633 .scroller_outer ::-moz-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 8px;
   	background-color: #aaa;
}


.T4633 ::-webkit-scrollbar {
    height: 12px;
}

.T4633 ::-webkit-scrollbar-track {
   background-color: #eee;
   border-top: 1px solid #ddd;
   border-radius: 12px;
}

.T4633 ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 12px;
   	background-color: #aaa;
}


/* --- Stylesheet 7473 () --------- */ 

@media (min-width: 567px) {

	.T4633 .story .image {
		width: 130px;
	}
	.T4633 .story .image .quickinfo { font-size: 1.8em; }

	.T4633 .story .content {
		width: calc(100% - 130px - 1rem);
	}
}

@media (min-width: 768px) {
	.T4633 { padding: 1.1rem 1.6rem; }
	.T4633 .extra_shadow {
		left: auto;
		top: 0;
		height: 100%;
		width: 50px;
		background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
		background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
		z-index: 3;
	}
	.T4633 .mobile_closing {
		overflow: visible;
		max-height: none;
	}

	.T4633 .scroller .scroller_outer {
		overflow-x: scroll;
		-webkit-appearance: none;
		width: 100%;
		
	}

	.T4633 .scroller .scoller_inner { display: flex; }

	.T4633 .story {
		width: 450px;
		margin-right: 1.5rem;
	}

	.T4633 .story .image { width: 200px; }
	.T4633 .story .image img {
		aspect-ratio:  1 / 1.027027027;
	}
	.T4633 .story .image .quickinfo { font-size: 2.3em; left: 0.6em; top: 0.4em; }
	.T4633 .story .content { width: calc(100% - 200px - 1rem); }
}

@media (min-width: 1024px) {
	.T4633 .story {
		width: 700px;
		margin-right: 2rem;
	}

	.T4633 .story .image { width: 350px; }
	.T4633 .story .image .quickinfo { font-size: 3em; left: 0.4em; top: 0.3em; }
	.T4633 .story .content { position: relative; z-index: 2; width: calc(100% - 350px - 1rem); margin-left: -100px; margin-top: 80px; padding: 1em 1em 1em 1.5em; }
}

@media (min-width: 1280px) {
	.T4633 .story {
		width: 750px;
	}

	.T4633 .story .image { width: 418px; }
	.T4633 .story .image .quickinfo { font-size: 3.2em; left: 0.4em; top: 0.3em; }
	.T4633 .story .content { width: calc(100% - 418px - 1rem); margin-left: -150px; margin-top: 120px; }
}